/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    overflow-x: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left: 15px;
}

/*.container-fluid {
	background: rgba(255, 255, 255, .5);
}*/

.text-muted {
    color: #666;
}

.text-primary {
    color: #dee6f0;
}

p {
    font-size: 14px;
    line-height: 1.5;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #2c9a54;
    text-decoration: none;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #1b2562;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.img-cente#dee6f0 {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #dee6f0;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #dee6f0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #1b2562;
    background-color: rgb(255,0,0);
    
}



.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #dee6f0;
    background-color: #dee6f0;
}

.btn-primary .badge {
    color: #dee6f0;
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #dee6f0;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #dee6f0;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #dee6f0;
    color: #fff;
    background-color: rgb(255,0,0);
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #dee6f0;
    background-color: #dee6f0;
}

.btn-xl .badge {
    color: #dee6f0;
    background-color: #fff;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #dee6f0;
    color: #fff;
}

::selection {
    text-shadow: none;
    background: #dee6f0;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #dee6f0;
}


/* ################ Navbar ################# */

.navbar-default {
    border-color: transparent;
    border-bottom: 2px solid #fff;   
    background-color: rgba(235,235,235,0.95);
    padding: 20px 0 20px;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.09);
}

.navbar-default .navbar-toggle {
    border-color: #dee6f0;
    background-color: #dee6f0;
    position: relative;
    top: 12px;
}

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

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #999;
    border-color: #999;
}

.navbar-default ul.nav {
    padding: 26px 0 0 0;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #fff;
    font-size: 13px;
    padding: 4px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #dee6f0;
    background: none;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #dee6f0;
    background-color: rgba(255,255,255,0.0);
    border-top:2px solid #dee6f0;
    border-bottom:2px solid #dee6f0;
    padding: 4px 6px;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #dee6f0;
    background-color: rgba(255,255,255,0.0);
}

.navbar-default .navbar-brand img.logo {
	width: 220px;
	height: auto;
    
    -webkit-transition: 0.4s ease-in 0s;
       -moz-transition: 0.4s ease-in 0s;
        -ms-transition: 0.4s ease-in 0s;
         -o-transition: 0.4s ease-in 0s;
            transition: 0.4s ease-in 0s;
}


.navbar-default a.navbar-brand {
        display: block;
}

.navbar-fixed-top {
	background: background: #1b2562; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(right, #1b2562 ,  #fff ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #1b2562,   #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #1b2562,   #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #1b2562,   #fff); /* Standard syntax */;	
	
	border: none;
	padding: 5px; 
	
}





.button_image {
	width: 100%;
}

.buttons_abstand {
	margin-top: -70px;
}

.button_link {
	
	width: 550px;
	background: -moz-linear-gradient(left,  rgba(35,31,103,0.9) 30%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 30%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.9) 30%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.9) 30%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.9)) 30%,rgba(255,255,255,0) 100%); /* W3C */
	height: 70px;
	text-align: center;
	font-family: 'PT Sans', sans-serif !important;
	margin-bottom: -10px;
	padding-top: 8px;
	
	}


.button_link a {
	display: block;
	line-height: 50px;
	width: 100%;
	color: #1b2562;
	font-size: 1.8em !important;
	text-decoration: none;
	display: block;
	text-align: left;
	margin-left: 50px;
}

.haken-button_link {
	margin-bottom: 25px;
	height: 40px;
}



.schatten {
-webkit-box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.4);
box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.4);
}

.grow {
-webkit-transition: all  600ms ease-in-out;
-moz-transition: all  600ms ease-in-out;
-ms-transition: all  600ms ease-in-out;
-o-transition: all  600ms ease-in-out;
transition: all  600ms ease-in-out;
}

.grow:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}






@media(min-width:980px) {   
    
    .navbar-default .navbar-brand img.logo {
		width: 220px;
		height: auto;  
    } 
           
    .navbar-default.navbar-shrink .navbar-brand img.logo {
        width:200px;
    }  
    
    .navbar-default .nav li a {
        text-transform: uppercase;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: bold;
        letter-spacing: 0px;
        color: #fff;
        font-size: 13px;
        padding: 12px;
    }  
    
    .navbar-default .navbar-nav>.active>a {
        border-radius: 0;
        color: #dee6f0;
        background-color: rgba(255,255,255,0.0);
        border-top:2px solid #dee6f0;
        border-bottom:2px solid #dee6f0;
        padding: 10px 12px;
    }        
    
   
}

@media(min-width:1200px) {

	.navbar-default .navbar-brand img.logo {
		width: 280px;
		height: auto;  
        margin-top: -10px;
	} 	
    
    .navbar-default  ul.max {
		display: none;
	} 
    
    .navbar-default.navbar-shrink ul.max  {
		display: block;
	} 
    
    .navbar-default.navbar-shrink ul.max .facebooklogo {
		height: 20px;
        width: auto;
        margin-top: -10px;
	} 
    
     .navbar-default.navbar-shrink ul.max a {
		font-size: 80%;
	} 
    
    .navbar-default.navbar-shrink .min ul {
		display: none;
	}
    	
		
	.navbar-default.navbar-shrink .navbar-brand img.logo {
	    width:240px;
	}
	
	.navbar-default .nav li a {
	    text-transform: uppercase;
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-weight: bold;
	    letter-spacing: 0px;
	    color: #fff;
	    font-size: 13px;
	    padding: 12px;
	}
	
	.navbar-default .navbar-nav>.active>a {
	    border-radius: 0;
	    color: #dee6f0;
	    background-color: rgba(255,255,255,0.0);
	    border-top:2px solid #dee6f0;
	    border-bottom:2px solid #dee6f0;
	    padding: 10px 12px;
	}
	
}



@media(max-width:1199px) {

p {
    font-size: 14px;
    line-height: 1.2;
	} 
	





}

/* ################ Header ################# */

header {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-color: background: background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right bottom, #dee6f0 ,  transparent,  transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #dee6f0,  transparent,  transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left top, #dee6f0,  transparent,  transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left top, #dee6f0,  transparent,  transparent); /* Standard syntax */;
    background-position: top left; 
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 0 0 40px 0;
}

header .intro-text {
	padding-top: 130px;
	padding-bottom: 0px;
}

header .intro-text .intro-lead-in {
	margin: 0 10% 20px 20%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 10px;
	background: rgba(255,255,255,0.3);
}

header .intro-text .intro-heading {
	margin: 0 5% 10px 10%;
	padding:8px 0;
	text-transform: none;
	font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-weight: 700;
	font-size: 14px;
	background: none;
	/*border: 1px solid #fff;*/
}

@media(min-width:768px) {
    
    .navbar-default .navbar-brand img.logo {
		width: 280px;
		height: auto;  
        margin-top: -10px;
	} 	
    
    .navbar-default  ul.max {
		display: none !important;
	} 
    
    .navbar-default.navbar-shrink ul.max  {
		display: block !important;
	} 
    
    .navbar-default.navbar-shrink ul.max .facebooklogo {
		height: 20px;
        width: auto;
        margin-top: -10px;
	} 
    
     .navbar-default.navbar-shrink ul.max a {
		font-size: 80%;
	} 
    
    .navbar-default.navbar-shrink .min ul {
		display: none;
	}
    	
    
    
    
    
    
    
    
    header .intro-text {
    	padding-top: 160px;
    	padding-bottom: 0px;
    }

    header .intro-text .intro-lead-in {
    	margin: 10px 100px 30px 140px;
        font-size: 20px;
        line-height: 40px;
        padding: 20px 10px;
    }

    header .intro-text .intro-heading {
        margin: 0 80px 40px 100px;
        padding:12px 0;
        font-size: 18px;
    }  
    
}

@media(min-width: 980px) {
    header .intro-text {
        padding-top: 120px;
        padding-bottom: 0px;
    }

    header .intro-text .intro-lead-in {
        margin: 10px 18% 30px 22%;
        line-height: 40px;
        padding: 30px 10px;
       	font-size: 30px;        
    }

    header .intro-text .intro-heading {
        margin: 0 70px 50px 80px;
        padding:8px 0 0;
        line-height: 75px;
        font-size: 30px;   
    }
    
}


@media(min-width: 1600px) {
    
    header .container-fluid {
    	padding: 0 15%;
    }
    
    header .intro-text .intro-lead-in {
        margin: 10px 14% 30px 16%;
        line-height: 40px;
        padding: 30px 10px;
       	font-size: 36px;        
    }
    
    header .intro-text .intro-heading {
        margin: 0 70px 50px 80px;
        padding:8px 0 0;
        line-height: 75px;
        font-size: 36px;   
    }
    
}

/* ################ Sections ################# */

section {
	text-align: left;
	color: #777;
	background: none; 
	min-height: 830px;
	}
	
	section p {
		color: #666;
		}
	
section h2.section-heading {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 30px;
    font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    text-align: left;
    padding-top: 50px;
}

h4.section-heading {
    margin: 5px 0 10px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}

section .contentText {
    margin:0 0 20px;
    text-transform: none;
    font-size: 14px;
    text-align: left;
}

section .contentText ul {
    margin:0 0 0 15px;
}

@media(min-width:768px) {

section {
    padding: 0;
	padding-top: 100px;
	}

section h2.section-heading {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 40px;
    font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    text-align: left;
	}
	
	section div.section-subheading {
	}
	
	section .contentText {
		margin:0 0 20px;
		text-transform: none;
		font-size: 14px;
		width: 90%;
		column-count: 2;
		column-gap: 20px;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		text-align: left;
	}
}

@media(min-width:980px) {

section h2.section-heading {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 40px;
    font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    text-align: left;
	}
}

@media(min-width:1200px) {

section h2.section-heading {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 40px;
    font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    text-align: left;
	}
}

/* ################ Footer ################# */

footer {
    font-family: "Myriad Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #1b2562;
    margin: 0;
    padding: 8px 0 10px;
    text-align: left;
}

footer .copyright {
    float: left;
    padding: 0 50px 0 0;
}

footer .quicklinks {
    text-align: right;
    display: block;
}

footer .quicklinks a, footer .copyright a {
    color:#fff;
    font-size: 11px;
    font-weight: normal;
}

@media(min-width:480px) {

footer span.quicklinks {
    text-align: right;
	}
	
}

/* ################ Startseite ################# */

header .row {
	padding-bottom: 30px;
}

div.startPage {
    margin-top:40px;
    padding: 0;
    text-align: left;
}

div.startPage h4 {
    color:#666;
    text-shadow: 1px 1px 1px #fff;
    margin:5px 20px 10px;
}

div.startPage p {
    margin:0 20px 0;
    font-size: 12px;
}


div.innerBox {
    padding: 0 0 30px;
}

a.boxEffekt {
    height: 210px;
    width:auto;
    color:rgba(255,0,0,1);
    font-size:50px;
    padding:20px 0 0 20px;
    display: block;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

a.boxEffekt h1, a.boxEffekt h2 {
    opacity: 0;
}

a.boxEffekt:hover h1 {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;

    /*font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    margin:20px 0 0 0;
    font-size: 28px;
    font-weight: normal;
    color:#9d9d9d;
    position: relative;
    top: 55px;
    left: 260px;
}

a.boxEffekt:hover h1 {    
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

a.boxEffekt:hover h2 {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin:30px 0 0 160px;
    color:#dee6f0;
}

a.boxEffekt:hover h2 {    
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

a.more {
    font-size: 100%;
}






/* ################ Impressum ################# */

section#impressum .sectionRow {
	padding: 110px 0 10px;
}

section#impressum .sectionRow.row {
	border-bottom: none;
}
section#impressum .txtRow h1 {
	font-size: 22px;
	font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	
}

section#impressum .txtRow h3 {
	font-size: 18px;
	font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

section#impressum .txtRow h3 {
	font-size: 14px;
	font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

section#impressum .row {
	border-bottom: 1px dotted #333;
}

#impressum .txtSmall h2, #impressum .txtSmall p {
	font-size: 90%;
}

section#impressum .txtSmall {
	padding-bottom: 50px;
}

section#impressum .intro-lead-in {
	display: none;
}

@media(min-width:768px) {
	
	section#impressum .intro-lead-in {
			margin: 160px 30% 80px 20px;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-weight: bold;
			font-size: 28px;
			padding: 20px 10px;
			background: rgba(255,255,255,0.3);
			text-align: center;
			display: block;
		}
	
	section#impressum .txtRow h1 {
		font-size: 30px;
		font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: normal;		
	}	
	
	section#impressum {
	padding-top: 100px;
		background-attachment: scroll;
		background-position: top center;
		background-repeat: none;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		}	
}





.foerdermitgliedlogo {
	width: 200px;
    height: auto;
	margin-top: 30px;
}


.facebooklogo {
	width: 30px;
	margin-top: -20px;
}



#warum, #foerdermitglieder {
    background-color: background: background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right bottom, #dee6f0 ,  transparent,  transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left top, #dee6f0,  transparent,  transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left top, #dee6f0,  transparent,  transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left top, #dee6f0,  transparent,  transparent); /* Standard syntax */;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}




#ueberuns, #vorteile, #impressum {
    background-color: background: background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right top, #dee6f0 ,  transparent,  transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left bottom, #dee6f0,  transparent,  transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left bottom, #dee6f0,  transparent,  transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left bottom, #dee6f0,  transparent,  transparent); /* Standard syntax */;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.downloads {
	list-style-image: url(../images/haken.png); 
	background-color: #dee6f0;
}

.downloads li {
	height: 55px;
	background-color: rgba(255,255,255,0.5);
	margin: auto;
	padding: 10px;
	font-size: 1.2em;
	border-bottom: 1px solid #777;
}



.downloads li a {
	margin: auto;
	color: #777;
}



.downloads a:hover{
	color: #fff;
	text-decoration: none;
	
}


.downloads li:hover{
	background: rgba(035,031,103,0.5);
	color: #fff;
}


.downloads li:hover a{
	color: #fff;
}


.download-box {
	margin-top: 50px;
}


.downloads li:last-child {
	border: none;
}




.hinweisvorteile{
	margin-top: 20px;
}

.foerdermitgliederlogos {
	background: #fff;
	padding-bottom: 50px;
}




div.box1 {
    background: url(../images/verlegung.jpg) no-repeat rgba(255,255,255,1.0);
    background-size: 100% auto;
    width: 90%;
    height: 210px;
    
}

div.box2 {
    background: url(../images/bad.jpg) no-repeat rgba(255,255,255,1.0);
    background-size: 100% auto;
    width: 90%;
    height: 210px;
    background-position: center center;
}

div.box3 {
    background: url(../images/vorteil.jpg) no-repeat rgba(255,255,255,1.0);
    background-size: 100% auto;
    width: 90%;
    height: 210px;
    background-position: center center;
}

div.box4 {
    background: url(../images/partner.jpg) no-repeat rgba(255,255,255,1.0);
    background-size: 100% auto;
    width: 90%;
    height: 210px;
    background-position: center center;
}




i{
	font-size: 12px;
	padding:0 15px;
}




.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 0px;
}



.fachverbandmitgliedlogo1 {
	height: 50px;
}

.fachverbandmitgliedlogo2 {
	height: 70px;
}
.fachverbandmitgliedlogo3 {
	height: 60px;
}
.fachverbandmitgliedlogo4 {
	height: 100px;
}



.fachverbandlogos{
	margin-top: 150px;
	
}



/* Handyansicht hoch*/

@media(max-width:400px) {

.box1>a {
	display: none;
	
}
div.box1{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.box2>a {
	display: none;
	
}
div.box2{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.box3>a {
	display: none;
	
}
div.box3{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.box4>a {
	display: none;
	
}
div.box4{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.schatten{
	box-shadow: none;
}



.buttons_abstand{
	margin-top: 0px;
}

header .row {
	padding-bottom: 0px;
}

.button_link {
	width: 100%;
	height: 100%;
	padding-top: 0px;
}

.haken-button_link{
	width: 10%;
	height: auto;
}

header .intro-text {
	padding-top: 50px;
}

section h2.section-heading {
	padding-top: 70px;
}


.fachverbandlogos{
	margin: 0px;
}

.fachverbandmitgliedlogo1{
	width: 260px;
	height: auto;
	float: right;
}


.fachverbandmitgliedlogo2,.fachverbandmitgliedlogo3,.fachverbandmitgliedlogo4{
	margin-top: 50px;
	float: right;
}

footer .copyright {
    float: left;
    padding: 0 50px 0 0;
}

footer .quicklinks {
    text-align: left;
    display: block;
}


footer .copyright{
	width: 100%;
	padding: 0px;
}


footer a{
	font-size: 0.3em;
	padding-left: 15px;
}


.downloads li{
	height: auto;
	
}

.downloads li a{
	font-size: 70%;
}

.downloads li i{
	font-size: 70%;
}

section {
	min-height: 600px;
}

.logo {
	margin-top: -15px;
}

.navbar-toggle {
	margin-top: -5px;
}

.facebooklogo{
	height: 25px;
	width: auto;
	margin-top: 5px;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #1b2562;
    font-size: 13px;
    padding: 4px;
}


.navbar-default .navbar-nav > .active > a {
    border-radius: 0;
    color: #2C9A54;
    background-color: rgba(255,255,255,0.0);
    border-top: 2px solid #dee6f0;
    border-bottom: 2px solid #dee6f0;
    padding: 4px 6px;
}


.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #2C9A54;
    background-color: rgba(255,255,255,0.0);
}

}

/*Handyansicht hoch Ende*/



/*Tablet hoch*/

@media(max-width:767px) {

.box1>a {
	display: none;
	
}
div.box1{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.box2>a {
	display: none;
	
}
div.box2{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.box3>a {
	display: none;
	
}
div.box3{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.box4>a {
	display: none;
	
}
div.box4{
	background-image: none;	
	height: 100%;
	margin-top: 50px;
	font-size: 0.8em;
}

.schatten{
	box-shadow: none;
}



.buttons_abstand{
	margin-top: 0px;
}

header .row {
	padding-bottom: 0px;
}

.button_link {
	width: 100%;
	height: 100%;
	padding-top: 0px;
}

.haken-button_link{
	width: 10%;
	height: auto;
}

header .intro-text {
	padding-top: 50px;
}

section h2.section-heading {
	padding-top: 70px;
}


.fachverbandlogos{
	margin: 0px;
}

.fachverbandmitgliedlogo1{
	width: 260px;
	margin-right: 50px;
	margin-bottom: 20px;
	height: auto;
	float: right;
}


.fachverbandmitgliedlogo2,.fachverbandmitgliedlogo3,.fachverbandmitgliedlogo4{
	margin: 20px 50px 20px 50px;
	float: right;
}

footer span.copyright{
	width: 100%;
	padding: 0px;
}


footer a{
	font-size: 0.3em;
	padding-left: 15px;
}


.downloads li{
	height: auto;
	
}

.downloads li a{
	font-size: 70%;
}

.downloads li i{
	font-size: 70%;
}

section, header {
	min-height: 700px;
}

.logo {
	margin-top: -15px;
}

.navbar-toggle {
	margin-top: -5px;
}

.facebooklogo{
	height: 25px;
	width: auto;
	margin-top: 5px;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #1b2562;
    font-size: 13px;
    padding: 4px;
}


.navbar-default .navbar-nav > .active > a {
    border-radius: 0;
    color: #2C9A54;
    background-color: rgba(255,255,255,0.0);
    border-top: 2px solid #dee6f0;
    border-bottom: 2px solid #dee6f0;
    padding: 4px 6px;
}


.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #2C9A54;
    background-color: rgba(255,255,255,0.0);
}


.foerdermitgliedlogo {
	float: left;
	margin-left: 50px;
}

.foerdermitgliederlogos {
	width: 100%;
	height: 100%;
	padding: 0px;
}

.quiklinks{
	float: right;
}






.foerdermitgliedlogo {
	float: left;
	margin-left: 50px;
}

.foerdermitgliederlogos {
	width: 100%;
	height: 100%;
	padding: 0px;
}


.fachverbandlogos{
	margin: 0px;
}

.fachverbandlogos div{
	float: right;
}


.fachverbandmitgliedlogo1{
	width: 260px;
	height: auto;
}


.fachverbandmitgliedlogo1, .fachverbandmitgliedlogo2,.fachverbandmitgliedlogo3,.fachverbandmitgliedlogo4{
	margin: 20px 30px;
}

.foerdermitgliederlogos {
    background: none;
}






}
/*Tablet hoch Ende*/








@media(max-width:1199px){
	
	.button_link{
	
	width: 440px;
	
	}
	
a.boxEffekt{

width: 100%;

}

a.boxEffekt:hover h1 {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;

    /*font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    margin:20px 0 0 0;
    font-size: 28px;
    font-weight: normal;
    color:#9d9d9d;
    position: relative;
    top: 55px;
    left: 160px;
}

.foerdermitgliedlogo {
	float: left;
	margin-left: 50px;
}

.foerdermitgliederlogos {
	width: 100%;
	height: 100%;
	padding: 0px;
}


.fachverbandlogos{
	margin: 0px;
}

.fachverbandlogos div{
	float: right;
}


.fachverbandmitgliedlogo1{
	width: 260px;
	height: auto;
}


.fachverbandmitgliedlogo1, .fachverbandmitgliedlogo2,.fachverbandmitgliedlogo3,.fachverbandmitgliedlogo4{
	margin: 20px 30px;
}

.foerdermitgliederlogos {
    background: none;
}
}

/*Cookiebanner CSS*/
#cookiebanner a {color:white; text-decoration: underline;}

#cookiebanner a:hover {color: white; background:#1b2562;}

#cookiebanner div {padding:10px; padding-right:40px; color: white;}

#cookiebanner { 
   text-align:center;
   background: #01904b;
   position:fixed;
   bottom:37px;
   left: 0px;
   z-index:10000;
   width:100%;
   font-size:12px;
   line-height:16px;}

#cookiebannerCloser {
   color: white;
   position: absolute;
   right: 5px;
   top: 5px;
   border-radius: 5px;
   cursor:pointer;
   padding:4px;
   background: #1b2562;}

#cookiebannerCloser:hover {color: #01904b; background: white;}