@CHARSET "ISO-8859-1";

/* LESS COLORS */

/*
	Green-100: 	#65b626
	Green-75: 	#8cc85c
	Green-66: 	#98ce6d
	Green-50: 	#b2db93
	Green-33: 	#cae6b5
	Green-25: 	#d8edc9
*/

/* ------------------------------- Test Stuff and others ------------------------------- */

.height500 {
	/* height: 500px; */
}

/* ------------------------------- Body ------------------------------- */

body {
	font-family: Crete Round, serif;
	overflow-x:hidden; /* this is a horrible hack and really needs to be fixed */
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    letter-spacing: 0em;
          background: url(../img/bg-alogo-red-10.gif) no-repeat center center fixed;
        -webkit-background-size: 33%;
        -moz-background-size: 33%;
        -o-background-size: 33%;
        background-size: 33%;
        
	
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #b2db93;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #b2db93;
}

body::-webkit-scrollbar-thumb
{
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.25, rgb(101,182,38)),
									   color-stop(0.75, rgb(101,182,38)));
}


a {
	color:white;
	font-weight:bold;	
}

.notdienste > li {padding-bottom:1em;}

.hidden {
		display:none;
		visibility:hidden;
}

.bold,
.fett {
	font-weight:bold;
}

.altertext {
	color:red;
	font-weight:bold;
}

#maincontainer {
	background-image: url("img/bg-logo.gif");	
}

.no-padding {padding: 0px;}

/* Navbar */

.navbar {
	z-index: 500;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cc85c+20,65b626+100 */
	background: #8cc85c; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cc85c 20%, #65b626 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8cc85c 20%,#65b626 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8cc85c 20%,#65b626 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc85c', endColorstr='#65b626',GradientType=0 ); /* IE6-9 */
	border-radius: 0 0 15px 0;
}

.navbar a {
	color: white;
	font-size: 1.2em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 	2px 0 0 rgba(0, 0, 0, .1), 
    				0 -2px 0 rgba(0, 0, 0, .1), 
    				0 2px 0 rgba(0, 0, 0, .1), 
    				-2px 0 0 rgba(0, 0, 0, .1);
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: 	2px 0 0 rgba(0, 0, 0, .1), 
    				0 -2px 0 rgba(0, 0, 0, .1), 
    				0 2px 0 rgba(0, 0, 0, .1), 
    				-2px 0 0 rgba(0, 0, 0, .1);
}

.navbar-header, .navbar-brand {
 font-size: 1.4em;
}

@media (min-width: 768px) {
.ra-logo-small {
	position: relative;
	display: block;
    z-index: 20000;
    margin: -5px 15px 0 -5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
}
}

@media (max-width: 768px) {
.ra-logo-small {
	visibility: hidden;
	display: none;
	position: fixed;
	z-index: 20000;
}
}


@media (max-width: 768px) { 
.navbar-nav>li,
.dropdown-menu>li {
	background: #65b626;
}
}

@media (min-width: 768px) { 
.navbar-nav>li,
.dropdown-menu>li {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cc85c+20,65b626+100 */
background: #8cc85c; /* Old browsers */
background: -moz-linear-gradient(top,  #8cc85c 20%, #65b626 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8cc85c 20%,#65b626 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8cc85c 20%,#65b626 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc85c', endColorstr='#65b626',GradientType=0 ); /* IE6-9 */

	color: white;
	    
}
}


.dropdown-menu {
	padding: 0;
}

.dropdown-menu>li>a {
	background-color: #65b626;
	color: white;
	line-height: 1.4em;
}

.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover,
.nav .open>li>a, 
.nav .open>li>a:focus, 
.nav .open>li>a:hover,
.nav .open>a, 
.nav .open>a:focus, 
.nav .open>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover 

{
  	background-color: #8cc85c;
	color: white;

}

.dropdown-menu .divider {
	margin: 0;
}

/* ------------------------------- Carousel ------------------------------- */

.carousel {
	margin-bottom: 50px;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
top: 40%;
font-size:4em;
z-index: 2;
}

.carousel-control.right,
.carousel-control.left {
	background:none;
}


/* ------------------------------- Content ------------------------------- */

.contentfield {
	margin-top: 20px;
	margin-bottom: 50px;
}

.contentfield-title {
	color: white;
	background-color: #65b626;
	padding: 5px;
	-webkit-box-shadow: 2px 2px 0 0 rgba(255,255,255,0.1);
	border-radius: 0 10px 0 0;
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
		-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 	2px 0 0 rgba(0, 0, 0, .1), 
    				0 -2px 0 rgba(0, 0, 0, .1), 
    				0 2px 0 rgba(0, 0, 0, .1), 
    				-2px 0 0 rgba(0, 0, 0, .1);
}

.contentfield-text {
	font-size: 1.25em;
	font-family: Open Sans;
	border-bottom: 1px solid #65b626;	
}

.contentfield-text a {
	color: #65b626;
}

.contentfield-gallery {
	border-bottom: 1px solid #65b626;	
}

.contentfield-gallery img {
	margin-bottom: 1em; 1em;	
}
.contentfield-image {
	margin-top: -15px;
	margin-bottom: 1em;
	
}

.infotoken {
	width: 75px;
	height: 75px;
	margin: -45px 10px 0 -15px;
	float: left;	
	text-align: center;
	vertical-align: middle;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cc85c+0,65b626+99 */
background: #8cc85c; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #8cc85c 0%, #65b626 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #8cc85c 0%,#65b626 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #8cc85c 0%,#65b626 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc85c', endColorstr='#65b626',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */




	border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: white;
    -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}

.infotoken i {
	line-height: 75px;	
}

.teamfoto {
	padding-bottom: 50px;
}
/* ------------------------------- Footer ------------------------------- */

.footer {
}

.footer .row {
	height: 100%;
}

#footerpadding {
}

.footerleft,
.footerright {
	padding-top:5px;
	height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#65b626+0,8cc85c+100 */
background: #65b626; /* Old browsers */
background: -moz-linear-gradient(top,  #65b626 0%, #8cc85c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #65b626 0%,#8cc85c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #65b626 0%,#8cc85c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b626', endColorstr='#8cc85c',GradientType=0 ); /* IE6-9 */


	font-size: 0.9em;

}


@media (max-width: 768px) {

	.footerleft {
		border-radius: 50px 50px 0 0;
	    border-bottom: 1px solid white;
	    text-align: center;
	    background: #65b626;
	}
	
	.footerright {
	    text-align: center;
	}
	#footercolor {
		display:none;
		visibility:hidden;
	}
}

@media (min-width: 768px) {

	.footerleft {
		border-right: 1px solid white;
	    text-align: right;
	}
	
	.footerright {
		border-radius: 0 50px 0 0;
	    text-align: left;
	}
	
	#footercolor {
	z-index: 0;
	height: 125px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#65b626+0,8cc85c+100 */
background: #65b626; /* Old browsers */
background: -moz-linear-gradient(top,  #65b626 0%, #8cc85c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #65b626 0%,#8cc85c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #65b626 0%,#8cc85c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b626', endColorstr='#8cc85c',GradientType=0 ); /* IE6-9 */

}
}

@media (max-width: 768px) { 
	.footer {
		position: absolute;
		z-index:20;
		padding: 0;
		bottom: 0;
		margin: 0;
		width: 100%;
		color:white;
		font-size: 2em;
		text-align: center;
		vertical-align: middle;
				
	}
}

@media (min-width: 768px) { 
	.footer {
		position: fixed;
		z-index:20;
		bottom: 0;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 125px;
		color:white;
		font-size: 1.5em;
		text-align: center;
		vertical-align: middle;
	}
}

.absoluteCenter {
	width: 100%;
	height: 100%;
	text-align: center;
	 position:fixed;
    top: 40%;
 
	
}

.footer p {	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 	2px 0 0 rgba(0, 0, 0, .1), 
    				0 -2px 0 rgba(0, 0, 0, .1), 
    				0 2px 0 rgba(0, 0, 0, .1), 
    				-2px 0 0 rgba(0, 0, 0, .1);}

.ra-logo-wartung {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: white;
    -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
}

h4 {font-weight:bold;}
