/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02.02.2018, 16:32:29
    Author     : celinekalberer
*/
body{ 
    width: 100%;
    height: 100%;
    font-family: "Lato", arial, sans-serif;
    font-size:12px;
    font-style:normal;
    background: url("../bilder/background.jpg") no-repeat center center fixed;
    background-size: cover;
    color: white;
   
}

#logo{
    width: 12em;
    height: 12em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    
  
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:rgb( 8, 129, 63);
    
}

li {
    float: left;
    border-right:1px solid rgb(255, 255, 255);
}

li:last-child {
    border-right: none;
    
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color:  rgb(6, 73, 78);;
}


section#container{
    background-color: rgba(8, 129, 63, 0.452);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    width: 60%;
    
}


 
h1{
    font-family: "Lato", helvetica, sans-serif;
    font-size: 2em;
    font-style:normal;
    color: white;
    text-align: center;
    margin-top: 1.5em;
}

h2{
    font-family: "Lato", helvetica, sans-serif;
    font-size: 1.5em;
    font-style: normal;
    color: white;
    text-align: center;
    margin-top: 1em;
    }
iframe{
    width: 560px; 
    height: 315px;
    border: 0;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    margin-left:auto;
    margin-right:auto;
}
footer{
    color: white;
    background-color: transparent;
    font-family:"Lato", helvetica, sans-serif;
    font-size: 15px;
    margin-left:auto;
    margin-right:auto;
    
    
    /*floaten stoppen*/
    clear:both;
    text-align: center;
    margin-bottom: 1.5em; 
    margin-top: 2.5em;
    }
     
    
ul.nav li.right {float: right;}
    
 @media screen and (max-width: 1000px){
        ul.nav li.right, 
        ul.nav li {float: none;}
        section#container{ position: center;}
        iframe{ width: 80% ; height: 80% ; }}