@charset "utf-8";
/* CSS Document */

/*
* Author: Kontor Consulting | Carolina Wehrmann
* Version: 1.0.0
* Bootstrap version: 3.3.6
* Copyright 2016 Kontor Consulting
* www: http://kontor.consulting
* mail: info@kontor.consulting

Farben: dunkel: 56-53-49, mittel: 121-11-107, hell: 223-213-200
*/

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville/NewBaskervilleRegular.ttf') format('truetype')
}
@font-face {
    font-family: 'Baskerville-italic';
    src: url('../fonts/Baskerville/NewBaskervilleItalic.ttf') format('truetype');
    font-style: italic
}
@font-face {
    font-family: 'Baskerville-bold';
    src: url('../fonts/Baskerville/NewBaskervilleBold.ttf') format('truetype');
    font-weight: bold
}
@font-face {
    font-family: 'Baskerville-bold-italic';
    src: url('../fonts/Baskerville/NewBaskervilleBoldItalic.ttf') format('truetype');
    font-weight: bold
}
/* general */ 
body {
    font-family: Baskerville
}
h1 {
    font-size: 48px;
    font-family: Baskerville;
    color: rgb(56,53,49)
}
h2 {
    font-size: 26px;
    font-family: Baskerville;
    color: rgb(56,53,49)
}
h3 {
    font-size: 46px;
    font-family: Baskerville;
    font-style: italic;
    color: rgb(56,53,49)
}
h4 {
    font-size: 26px;
    font-family: Baskerville;
}
p {
    font-size: 20px;
}
.col-center-block {
    float: none!important;
    display: block;
    margin: 0 auto; /* margin-left: auto; margin-right: auto; */
}
.pt-100 {
    padding-top: 150px
}
.mt-50 {
    margin-top: 50px
}
.mb-50 {
    margin-bottom: 50px
}
.pt-50 {
    padding-top: 50px
}
.pb-50 {
    padding-bottom: 50px
}
.plr-50 {
    padding-left: 50px;
    padding-right: 50px
}
.mt-30 {
    margin-top: 30px
}
.mb-30 {
    margin-bottom: 30px
}
.pt-30 {
    padding-top: 30px
}
.pb-30 {
    padding-bottom: 30px
}
.plr-30 {
    padding-left: 30px;
    padding-right: 30px
}
.mt-20 {
    margin-top: 20px
}
.mb-20 {
    margin-bottom: 20px
}
.pt-20 {
    padding-top: 20px
}
.pb-20 {
    padding-bottom: 20px
}
.plr-20 {
    padding-left: 20px;
    padding-right: 20px
}
.mt-10 {
    margin-top: 10px
}
.mb-10 {
    margin-bottom: 10px
}
.pt-10 {
    padding-top: 10px
}
.pb-10 {
    padding-bottom: 10px
}
.plr-10 {
    padding-left: 10px;
    padding-right: 10px
}
.m-10 {
    margin: 10px
}
/* -------------------------------------------------- header ------------------------------------------------------ */
.navbar-brand {
    position: relative;
    bottom: -50px;
    width: 100%;
}
.sun {
    position: absolute;
    right: 0px;
}
.titel-img {
    width: 100%;
	z-index: 0;
}
.header {
    height: 150px;
    margin-top: 40px;
}
.banderole{
	position:absolute;top:600px;left:530px;
	z-index: 1;
		
}
/* -------------------------------------------------- home ---------------------------------------------------- */
.bg-img {
    background: url(../img/stoertebeker-dorsch.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.transparent-box {
    width: 500px;
    margin-top: 100px;
    margin-bottom: 300px
}
.welcome-text {
    background: url(../img/Kasten.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 556px;
    height: 316px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none
}
.dark-border {
    border: 1px solid #4b4b4b
}
.bold {
    font-family: Baskerville;
    font-weight: bold
}
.price-box {
    border: 1px solid rgb(56,53,49)
}
.subtext {
    font-size: 16px;
}
/* ------------------------------------------- opening hours / prices ------------------------------------------- */
/*
.box{ width: 550px; background-color: transparent }
.box > .icon{ text-align: center; position: relative }
.clock{ width: 50px }
.opening-hours{ text-transform: uppercase; font-size: 14px }
.prices{ text-transform: uppercase; font-size: 16px }
.offers{ text-transform: uppercase; font-size: 16px }
.box > .icon > .image > i{ font-size: 36px !important; color: #fff !important }
.box > .icon:hover > .image > i{ color: white !important }
.box > .icon > .info{ margin-top: -24px; border: 3px solid #e0e0e0; padding: 15px 0 10px 0 }
.box > .icon > .info > h3.title{ font-size: 16px; color: #222; font-weight: 500 }
.box > .icon > .info > p{ color: #666; line-height: 1.5em; margin: 20px }
.box > .icon > .info > .more a{ font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none }
.box > .icon:hover > .info > .more > a{ color: #fff; padding: 6px 8px; background-color: #63B76C }
.box .space{ height: 30px }
.cutlery{ width: 50px }
.number-grey{ font-size: 1.1em; color: #878787 }
.number-grey:hover{ text-decoration: none }
iframe{ margin: 0 auto; display: block }
.line{ background-color: #e0e0e0; height: 4px; width: 90% }*/
.box > .icon {
    text-align: center;
    position: relative;
}
.box > .icon > .info {
    margin-bottom: -24px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
    padding: 10px 0 20px 0;
}
.box2 > .icon > .info {
    margin-bottom: 30px;
    border: 1px solid rgb(56,53,49);
    padding: 10px 0 20px 0;
}
.box .space {
    height: 30px;
}
.fa-phone {
    transform: rotate(90deg)
}
/* ---------------------------------------------- contact form ------------------------------------------- */
#contact-page .contact-wrap {
    margin-top: 20px
}
#contact-form {
    background-color: transparent
}
.form-control {
    border-radius: 0px
}
/* ------------------------------------------------ footer ----------------------------------------------- */
.footer {
    background-color: #79736b;
    color: rgb(223,213,200)
}
.footer a {
    color: rgb(223,213,200)
}
.adress-footer {
    font-family: Baskerville;
    font-size: 1.2em;
    line-height: 50px
}
.adress-footer a {
    font-family: Baskerville;
    font-size: 1em;
    line-height: 50px
}
.imprint a {
    font-family: Baskerville;
    font-size: 1.2em;
    line-height: 50px
}
.impBtn {
    margin: 0;
    -moz-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    text-transform: uppercase
}

/* ------------------------------------------------ mobile ----------------------------------------------- */

@media(max-width:1227px) {
.banderole{
	top:600px;left:461px;
}
}
@media(max-width:1186px) {
.banderole{
	top:430px;left:324px;
}
}
@media(max-width:992px) {
.banderole{
	    top: 343px;
    left: 324px;
    width: 60%;
}
}
@media(max-width:718px) {
.banderole{

    left: 283px;

}
}

@media(max-width:767px) {

h2 {
    font-size: 19px
}
.main-text {
    margin-top: -54px
}


}

@media(max-width:670px) {
h1 {
    font-size: 24px
}
h2 {
    font-size: 18px
}

}
@media(max-width:620px) {
.banderole{
	    top: 276px;
    left: 220px;
    width: 60%;
}
}
@media(max-width:530px) {
.banderole{top: 241px;
    left: 187px;
	}
}

@media(max-width:454px) {
	.banderole{
		    top: 206px;
    left: 153px;
	}

}


@media(max-width:396px) {
	.banderole{
		   top: 170px;
    left: 129px;
	}

h2 {
    font-size: 20px;

}
h1 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 0px
}
}

@media(max-width:321px) {
	.banderole{top: 141px;
    left: 108px;
	}
	.sun {
    width: 26%;
	}
h3 {
    font-size: 26px;}
}
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}