*{
    margin: 0;
    padding: 0;
}

h1{
    font-size: 22pt;
    font-weight: bold;
    color: #B31917;
}

h2{
    font-size: 28pt;
    color: #b31917;
}

h3{
    font-size: 16pt;
    color: #b31917;
}

a{
    color: #B31917;
}

a:hover{
    color: #fff;
}

a:focus{
    color: #fff;
}

ul{
    list-style: none;
}

body {
    font-family: calibri;
    background-color: #706e6f;
    color: #fff;
    font-size: 14pt;
    overflow-y: scroll;
}

#logo{
    margin: auto;
}

#logoContainer{
    background-color: #fff;
    width: 100%;
    padding: 30px;
    margin-top: 75px;
}

#socialArea{
    text-align: right;
    padding: 10px 0;
}

#socialArea a{
    margin-left: 10px;
}

#socialArea a:hover,
#socialArea a:active,
#socialArea a:focus{
    border: 0;
    text-decoration: none;
}

#socialArea img{
    max-width: 25px;
}

.marginBottom{
    margin-bottom: 50px;
}

.navPoint:hover{
    cursor: pointer;
}

.navi .img-responsive{
    max-width: 80%;
}

.center{
    margin: auto;
    display: block;
}

#contentContainer{
    margin-top: 50px;
}

.video{
    max-width: 100%;
    height: 300px;
}

.redSpacer{
    height: 10px;
    width: 100%;
    background-color: #B31917;
    margin-top: 80px;
}

.greySpacer{
    height: 10px;
    width: 100%;
    background-color: #5a5b5e;
    margin-top: 20px;
}

.fbBox{
    height: 500px;
}

.fb-like-box > .userContent > p{
    color: #fff !important;
}

#fb-root{
    color: #fff;
}

.mapFrame{
    margin-top: 20px;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.paragraph-margin{
    margin-top: 40px;
}

.paragraph-margin-small{
    margin-top: 20px;
}

.menuButton{
    background-color: #B31917;
    color: #fff;
    vertical-align: bottom;
    margin-top: 60px;
    width: 80%;
    border-radius: 0;
}

.menuButton:hover {
    color: #fff;
}

.headline{
    margin: auto;
    margin-bottom: 20px;
    
}

/* PHILOSOPHIE */
#philosophie{
    background-color: #706e6f;
    
}

#philosophie .container{
    min-height: 100%;
    padding-bottom: 20px;
}

#philosophie .row{
    margin-left: 0;
    margin-right: 0;
}

.philosophy{
    color: #fff;
    padding: 0;
    font-size: 14pt;
    background-color: #706f6f;
}

.marginTop{
    margin-top: 100px;
}

.marginTopBig{
    margin-top: 150px;
}

#philosophie .philCol{
    padding: 50px;
}

.whiteBack{
    color: #706e6f;
}

.disclaimer{
    font-size: 10pt;
}


/* MENU */
#downloadPDF{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}


.menu .h2-space{
    margin-top: 50px;
}

.menu h4{
    font-size: 14pt;
    color: #b31917;
}

.menu{
    color: #fff;
    padding: 0;
    font-size: 14pt;
    background-color: #706f6f;
}

.menu .row{
    margin-left: 0;
    margin-right: 0;
}

.menu table{
    width: 100%;
}

.menu table td {
    vertical-align:bottom;
}

.menu table.vertical-top td{
    vertical-align:top;
}

.menu table .scd-td{
    text-align: right;
}

.menu .page {
    
    padding: 20px;
}

.menu .left-page{

}

.menu .right-page{

}

.close-modal {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 65px;
    height: 65px;
    background-color: transparent;
    cursor: pointer;
    z-index: 9999;
}

.close-modal:hover {
    opacity: .7;
}

.close-modal .lr {
    z-index: 9999;
    width: 2px;
    height: 65px;
    margin-left: 35px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-modal .lr .rl {
    z-index: 9999;
    width: 2px;
    height: 65px;
    background-color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.margin-left-10:before{
    content: "-";
    margin-left: -10px;
}

.margin-left-10{
    margin-left: 20px;
}

.ingredients{
    font-size: 12pt;
}

.ingredients .paragraph-margin-small{
    margin-top: 10px;
}

.ingredients table td{
    padding-left: 10px;
}

/* Galerie */
.gallery{
    padding: 1px;
}

.gallery li{
    float:left;
    margin: 0px 5px 5px 0px;
}

.gallery .col-xs-4, .gallery .col-sm-4, .gallery .col-md-4, .gallery .col-lg-4{
    padding: 5px;
}

.item{
    margin-bottom: 15px;
}

/* PARTNER */
.partner h2{
    margin-bottom: 20px;
}

.partner  .partnerContainer{
    margin-bottom: 20px;
    padding: 10px;
}

.partner  .partnerContainer a>img{
    margin:auto;
}

.partner  .partnerContainerSmall{
    margin: auto;
    display: inline-block;
}

.partner .small{
    float: left;
    max-width: 47%;
}

.partner .secondCol{
    margin-left: 13px;
}

.partnerImgs .img-responsive{
    
}

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    //background: linear-gradient(to bottom right, rgba(112,110,111,0.3) 0%, rgba(112,110,111,0.8) 75%);
    background-color: rgba(112,110,111,0.65);
    box-shadow: 15px 15px 30px 0px #706e6f;
    //border-top-left-radius: 25%;
    content: '';
    opacity: 0;
    transform: translate3d(50%,50%,0);
}
 
figure.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #484c61;
    transition: transform 0.35s, color 0.35s;
    transform: translate3d(-50%,-50%,0);
}
 
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    transition: opacity 0.35s, transform 0.35s;
}
 
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 2em;
    width: 100%;
    opacity: 0;
    font-weight: bold;
    font-size: 13pt;
    color: #fff;
    transform: translate3d(10px,10px,0);
}
 
figure.effect-sadie:hover h2 {
    color: #fff;
    transform: translate3d(-50%,-50%,0) translate3d(-40px,-40px,0);
}
 
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
    opacity: 1;
    transform: translate3d(0,0,0);
}
@media only screen and (min-width : 992px) {
	#logo{
		width: 400px;
	}
}
@media only screen and (max-width : 1200px) and (min-width : 992px) {
    .partner .small {
        float: left;
        max-width: 46%;
      }
}


@media only screen and (max-width : 768px) {
    body{
        font-size: 13pt;
    }

    .menu {
        font-size: 10pt;
    }

    h2{
        font-size: 18pt;
        color: #b31917;
    }

    h3{
        font-size: 12pt;
        color: #b31917;
    }

    .menu table .scd-td{
        text-align: right;
        min-width: 25%;
    }

    .ingredients{
        font-size: 8pt;
    }

    .ingredients .paragraph-margin-small{
        margin-top: 10px;
    }

    .ingredients table td{
        padding-left: 10px;
    }
    
    .whiteBack{
        margin: 0px auto 20px auto;
    }
    
    .kontaktText{
        text-align: center;
    }
}


.fb_iframe_widget {color:#fff !important;}

/* Mailchimp Form */
#mc_embed_signup{
    margin-bottom: 50px;
}
#mc_embed_signup label{
    font-size: 17px;
}
#mc_embed_signup .email{
    margin-top: 10px;
    padding: 5px;
    width: 100%;
    color: #000;
}
#mc_embed_signup #mc-embedded-subscribe{
    margin-top: 10px;
    padding: 5px;
    background-color: transparent;
     -webkit-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s;
    border: 2px solid #fff;
    box-sizing: border-box;
	height: auto;
}
#mc_embed_signup #mc-embedded-subscribe:hover{
    margin-top: 10px;
    color: #000;
    background-color: #fff;
}
#mc_embed_signup #mc-embedded-subscribe:active,
#mc_embed_signup #mc-embedded-subscribe:focus{
    outline: 0;
}