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

body {
    margin-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

a {
    color: #b80000;
}
a:hover {
    color: #149404;
}
.header-image {
    display: block;
    width: 100%;
    min-height: 760px;
    text-align: center;
    background: url('../images/slide-1.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.tel {
    color: #B80000;

}
.gruen {
    color: #149404;
}
.tel span {
    font-size: 3.5rem;
    padding-left: 20px;
}
#about {
    margin-top: 80px;
}
.headline {
    padding: 120px 0;
}

.headline h1 {
    font-size: 130px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.headline h2 {
    font-size: 77px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.featurette-divider {
    margin: 80px 0;
}

.featurette {
    overflow: hidden;
}

.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

.featurette-heading {
    font-size: 50px;
}

footer {
    margin: 50px 0;
}
p.Hinweis {
    font-size: 9px;
    padding: 5px;
}


/* anpassungen */

.logotop {
    position: absolute;
    left: 100px;
    top: 50px;
}
.tel_top {
        top: 240px !important;
    width: 241px;
    padding: 5px 0;
    background: #222;
    color: #f0f0f0;
    font-size: 1.3rem;
    line-height: 2rem;
}
.speisekarte {
    margin-top: 200px !important;
}
.speisekarte #btn{
    margin: 0 auto;
    text-transform: uppercase;
}


/* buttons */
#btn{
 width:220px;
 height:50px;
 text-align:center;
 color:#FFF;
 text-decoration:none;
font-size: 1.8rem;
    line-height: 50px;

 text-shadow:-1px -1px 0 #303030;
 display:block;

 border:1px solid #890000;
 -webkit-border-radius:5px;
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 0px 0 #700000, 0 0px 0px rgba(0, 0, 0, .5);

background: rgb(184,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(184,0,0,1) 0%, rgba(147,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(184,0,0,1) 0%,rgba(147,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(184,0,0,1) 0%,rgba(147,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80000', endColorstr='#930000',GradientType=0 ); /* IE6-9 */


}

#btn:hover{
background: rgb(147,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(147,0,0,1) 0%, rgba(184,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(147,0,0,1) 0%,rgba(184,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(147,0,0,1) 0%,rgba(184,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930000', endColorstr='#b80000',GradientType=0 ); /* IE6-9 */
}

#btn:active{
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;  position:relative;
 top:5px;
}


#btn_ico{
 text-align:center;
 color:#FFF;
 text-decoration:none;


 display: inline-block;

 border:1px solid #890000;
 -webkit-border-radius:5px;
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 0px 0 #700000, 0 0px 0px rgba(0, 0, 0, .5);

background: rgb(184,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(184,0,0,1) 0%, rgba(147,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(184,0,0,1) 0%,rgba(147,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(184,0,0,1) 0%,rgba(147,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80000', endColorstr='#930000',GradientType=0 ); /* IE6-9 */


}
#btn_ico:hover{
background: rgb(147,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(147,0,0,1) 0%, rgba(184,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(147,0,0,1) 0%,rgba(184,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(147,0,0,1) 0%,rgba(184,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930000', endColorstr='#b80000',GradientType=0 ); /* IE6-9 */
}

#btn_ico:active{
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;  position:relative;
 top:5px;
}

@media(max-width:1200px) {
    .headline h1 {
        font-size: 140px;
    }

    .headline h2 {
        font-size: 63px;
    }

    .featurette-divider {
        margin: 50px 0;
    }

    .featurette-image.pull-left {
        margin-right: 20px;
    }

    .featurette-image.pull-right {
        margin-left: 20px;
    }

    .featurette-heading {
        font-size: 35px;
    }
}

@media(max-width:991px) {
    .headline h1 {
        font-size: 105px;
    }

    .headline h2 {
        font-size: 50px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-image {
        max-width: 50%;
    }

    .featurette-image.pull-left {
        margin-right: 10px;
    }

    .featurette-image.pull-right {
        margin-left: 10px;
    }

    .featurette-heading {
        font-size: 30px;
    }
}

@media(max-width:768px) {
    .container {
        margin: 0 15px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-heading {
        font-size: 25px;
    }
       .logotop {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -120px;
    } 
    .tel span {
    font-size: 2.2rem;

}
}

@media(max-width:668px) {
    .headline h1 {
        font-size: 70px;
    }

    .headline h2 {
        font-size: 32px;
    }

    .featurette-divider {
        margin: 30px 0;
    }
    .logotop {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -120px;
    }
     
}

@media(max-width:640px) {
    .headline {
        padding: 75px 0 25px 0;
    }

    .headline h1 {
        font-size: 60px;
    }

    .headline h2 {
        font-size: 30px;
    }
}

@media(max-width:375px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
    }

    .featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}