/* Copyright by Fabian Menke 2017 */
body {
    color: black;
    background-color: #ffffff;
    position: relative;
}

p {
    margin: 0 0 6px;
}

h2 {
    margin-top: 0;
}

/* Navigation */
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}

.navbar {
    background-color: #3A3A3A;
    border: none;
}

.navbar-inverse .navbar-nav>li>a{
    color: #C6C6C6;
}

/* Start */
#Start {
    background-color: #9d9d9d;
    background-image: url("../bilder/wallpaper-bhv.jpg");
    height: 700px;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

@media only screen and (max-device-width: 1080px) {
    #Start {
        background-attachment: scroll;
    }
}

#willkommen {
    background-color: rgba(255,255,255,0.85);
    color: #222222;
    border-radius: 0;
}

#Logo-Start {
    max-width: 30%;
}

@media all and (max-device-width: 1080px) {
    #Logo-Start {
        min-width: 70%;
    }
}

#mehr-btn {
    background-color: rgba(2,80,118,0.85);
    border-color: transparent;
    color: #ffffff;
    margin-top: 5%;
}

/*
@media all and (max-width: 600px) {
    #Start {
        background: url("../bilder/start-smartphone.jpg");
        height: auto;
        width: 100%;
        background-size: cover;
    }
}
*/

/* Seite01 / Zimmer 01*/
#Seite01 {
    padding-top: 95px;
    padding-bottom: 95px;
}

/* Seite02 / Zimmer 02*/
#Seite02 {
    padding-top: 95px;
    margin-top: 80px;
    padding-bottom: 95px;
    background-color: rgb(240,240,240);
}

/* Kontakt*/
#kontakt {
    padding-top: 100px;
    background-color: #3A3A3A;
    color: #ffffff;
    padding-bottom: 60px;
}

/* Footer */
footer {
    background-color: #101010;
    color: grey;
    text-decoration: none;
    padding: 20px 0 10px 0;
}

a.links_footer {
    color: grey;
}

a.links_footer:hover, a.links_footer:active {
    color: #ffffff;
    text-decoration: none;
}

#impressum{
    text-align: center;
}

#credits{
    text-align: center;
}

/* Datenschutz und Impressum*/
#datenschutz {
    padding-top: 100px;
    background-color: #3A3A3A;
    color: #ffffff;
    padding-bottom: 60px;
}

/* Cookies */

#cookiebanner a {color:#ffffff; text-decoration:underline;}

#cookiebanner a:hover {text-decoration:underline;}

#cookieerklärung {
    color: white;
}

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

#cookiebanner {
    text-align:center;
    background: rgba(100,100,100,1);
    position:fixed;
    bottom:0;
    z-index:10000;
    width:100%;
    font-size:12px;
    line-height:16px;}

#cookiebannerCloser {
    background-color: white;
    font: 14px/100% arial, sans-serif;
    color: rgba(100,100,100,1);
    position: absolute;
    right: 5px;
    text-decoration: none;
    top: 6px;
    cursor:pointer;
    padding:4px;
}

#cookiebannerCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #ffffff; border-left:1px solid #ffffff;}