/* 
    Document   : costum
    Created on : 21.11.2015, 15:44:54
    Author     : aiR6
    Description:
        Purpose of the stylesheet follows.
*/

html{   
   background:  url('../../images/forest-612519_1920.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
.homepage{
    background: none !important;
}
#header{
    background: none !important;
}
#nav{
    background-color: rgba(255, 255, 255, 0.7);
}
#banner-wrapper{
    background-image: none !important;
}
#header .logo {
    border-top: none;
}
#header .logo div {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
}
#header .logo p {
    color: #fff
}
#main-wrapper {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
}
.image:before {
    background: none !important;
}
#bild{
width: 100%;
height: 120px;
background-image: url('../../images/wellness.jpg');
background-position: left center;
margin-bottom: 20px;
}
b, strong {
    font-size: 120%;
}
#Leistungen ul{
    list-style: circle !important;
    margin-left: 30px;
}
#Leistungen li{
    margin-left: 15px;
    text-align: left;
}
header > p {
    color: rgba(156, 156, 156, 1);
}
#Kontakt form {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
#Kontakt input {
    margin-top: 10px;
}
#nav a.current{
    display: block;
    background: none repeat scroll 0% 0% #B1DDAB;
}
#header .logo div{
    background: none !important;   
}
#titleBar .title img{
    height: 61px;
}
#copyright{
    max-width: 550px;
}
#copyright p{
    margin-bottom: 0;
}
#copyright input{
    display: none;
    
}
#copyright label:hover{
    cursor: pointer;
    text-decoration: underline;
}
.ac-container  section{  
    overflow: hidden;
    max-height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
}
.ac-container input:checked ~ section
{    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
   
}
.ac-container input:checked ~ section.ac-small{
    overflow: auto;
    max-height: 60000px; /*auto*/
}
#ok{
    background-color: rgba(128, 249, 128, 0.34);
    margin: 0 25% 0 25%;    
}
#fehler {
   background-color: rgba(225, 176, 176, 1);
   margin: 0 25% 0 25%;     
}
#fehlerIn{
     background-color: rgba(225, 176, 176, 1);
}
#ok h1, #ok p{
   color: rgb(14, 87, 0); 
}
#fehler h1 , #fehler p{
    color: rgb(89, 13, 13);
}