/*
Theme Name: Braubengel
Theme URI: http://www.braubengel.de
Version: 1.0
Author: Beecken
Author URI: http://www.beecken.de/
*/

/* GLOBAL STYLES
-------------------------------------------------- */

body {
    background-color: #000;
}
a:link {
    text-decoration: none;
    color: #af1d1d;
}
a:visited {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #900;
}
a:focus {
    outline: none;
}
a.link:link {
    text-decoration: none;
    color: #af1d1d;
}
.heading {
    font-family: 'DiariaW00-Med', serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: normal;
    color: #000;
}
.ds_link {
    font-family: 'DiariaW00-Med', serif;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.5px;
    font-weight: normal;
    color: #fff;
}
.impHeading {
    font-family: 'DiariaW00-Med', serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
}
.lead {
    font-family: 'ProbaPro-Reg', sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}
.subline {
    font-family: 'ProbaPro-Bold', sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}
.impLead {
    font-family: 'ProbaPro-Reg', sans-serif;
    font-weight: 200;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.copyNews ul, .copyNews p {
    font-family: 'ProbaPro-Reg', sans-serif;
    font-weight: 200;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
h2,
.h2 {
    font-size: 14px;
    line-height: 16px;
}
h3,
.h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 16px;
}
h5,
.h5 {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 22px;
}
.braustube {
    z-index: 1;
}
.bretter {
    z-index: 2;
    margin-top: -70px;
}
.kachel1 {
    margin-top: -1680px;
    margin-left: -440px;
    z-index: 1;
}
.kachel2 {
    margin-top: -1680px;
    margin-left: 1125px;
    z-index: 1;
}
/* MARKETING CONTENT
-------------------------------------------------- */

.stoerer_werbung {
    margin-top: -1170px;
    margin-left: 970px;
    z-index: 5;
}
.datenschutz {
    position: absolute;
    margin-top: -1320px;
    margin-left: 860px;
    z-index: 4;
}
.datenschutz_zutaten {
    position: absolute;
    margin-top: -1320px;
    margin-left: 180px;
    z-index: 4;
}
.tisch {
    margin-top: -750px;
    margin-left: 230px;
    z-index: 3;
}
.glocke {
    margin-top: -1210px;
    margin-left: 853px;
    z-index: 4;
}
.glocke01 {
    margin-top: 0px;
    margin-left: 0px;
    cursor: pointer;
}
.glocke02 {
    margin-top: -20px;
    margin-left: 0px;
    cursor: pointer;
}
.hopfen {
    margin-top: -793px;
    margin-left: 185px;
    z-index: 5;
}
.phone {
    margin-top: -833px;
    margin-left: 315px;
    z-index: 4;
}
.phone1 {
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 4;
}
.phone2 {
    margin-top: -117px;
    margin-left: 0px;
    z-index: 3;
}
.bierglaeser {
    margin-top: -833px;
    margin-left: 680px;
    z-index: 3;
}
.bierglas01 {
    margin-top: -90px;
    margin-left: -60px;
    z-index: 3;
}
.bierglas02 {
    margin-top: -5px;
    margin-left: 30px;
    z-index: 2;
}
.bierglas03 {
    margin-top: -85px;
    margin-left: 110px;
    z-index: 4;
}
.bierglas04 {
    margin-top: -120px;
    margin-left: -60px;
    z-index: 3;
}
.bierglas05 {
    margin-top: -5px;
    margin-left: 30px;
    z-index: 2;
}
.bierglas06 {
    margin-top: -99px;
    margin-left: 110px;
    z-index: 4;
}
.bierglas03 img {
    width: 80%;
}
.bilderrahmen {
    margin-top: -695px;
    margin-left: 275px;
    z-index: 3;
}
.buecher {
    margin-top: -490px;
    margin-left: 800px;
    z-index: 2;
}
.buecher01 {
    margin-top: -144px;
    margin-left: 10px;
}
.buch01 {
    margin-top: -180px;
    margin-left: -10px;
}
/* Bengel
-------------------------------------------------- */

.bengel {
    margin-top: -1010px;
    margin-left: 500px;
    z-index: 4;
}
.bengelAugen01 {
    margin-top: -312px;
    margin-left: -70px;
    z-index: 5;
}
.bengelArmLi01 {
    margin-top: 52px;
    margin-left: 100px;
    z-index: 6;
}
.bengelHandLi01 {
    margin-top: -70px;
    margin-left: -30px;
    z-index: 6;
}
.maischholz01 {
    margin-top: -250px;
    margin-left: -200px;
    z-index: 6;
}
.bengel02 {
    margin-top: -850px;
    margin-left: 420px;
    z-index: 4;
}
.bengel03 {
    margin-top: -1025px;
    margin-left: 497px;
    z-index: 4;
}
.bengel04 {
    margin-top: -890px;
    margin-left: 90px;
    z-index: 4;
}
.bengel05 {
    margin-top: -1030px;
    margin-left: 310px;
    z-index: 6;
}
.bengelNews {
    margin-top: -750px;
    margin-left: 660px;
    z-index: 6;
}
.bengelKopfNews {
    margin-top: -523px;
    margin-left: 105px;
    z-index: 5;
}
.bengelHandLiNews {
    margin-top: 10px;
    margin-left: 60px;
    z-index: 6;
}
.bengelHandReNews {
    margin-top: -220px;
    margin-left: -230px;
    z-index: 4;
}
.bengelImpressum {
    margin-top: -830px;
    margin-left: 520px;
    z-index: 6;
}
.bengelKopfImp {
    margin-top: -575px;
    margin-left: 35px;
    z-index: 6;
}
.bengelHandLiImp {
    margin-top: -45px;
    margin-left: 90px;
    z-index: 7;
}
.bengelAugen02 {
    margin-top: -325px;
    margin-left: -80px;
    z-index: 5;
}
.bengelAugen03 {
    margin-top: -315px;
    margin-left: 20px;
    z-index: 5;
}
.bengelKopf01 {
    margin-top: -496px;
    margin-left: 104px;
    z-index: 5;
}
.bengelKopf02 {
    margin-top: -556px;
    margin-left: 240px;
    z-index: 5;
}
.bengelHandRe01 {
    margin-top: -198px;
    margin-left: -310px;
    z-index: 4;
}
.bengelHandLi02 {
    margin-top: 60px;
    margin-left: -70px;
    z-index: 6;
}
.bengelHandLi03 {
    margin-top: 70px;
    margin-left: 60px;
    z-index: 6;
}
.maischholz02 {
    margin-top: -875px;
    margin-left: 645px;
    z-index: 5;
}
.maischholz03 {
    margin-top: -871px;
    margin-left: 600px;
    z-index: 5;
}
.fass {
    margin-top: -690px;
    margin-left: 675px;
    z-index: 5;
}
.sprechblase01 {
    margin-top: -1080px;
    margin-left: 270px;
    z-index: 3;
}
.sprechblase02 {
    margin-top: -1560px;
    margin-left: 680px;
    z-index: 5;
}
.sprechblase03 {
    margin-top: -1640px;
    margin-left: 30px;
    z-index: 5;
}
.rollo01 {
    margin-top: -1770px;
    margin-left: -20px;
    z-index: 5;
}
.rollo02 {
    margin-top: -1770px;
    margin-left: 500px;
    z-index: 5;
}
.rollo03 {
    margin-top: -1770px;
    margin-left: 240px;
    z-index: 5;
}
.rolloNews {
    margin-top: -1900px;
    margin-left: 195px;
    z-index: 5;
}
.copyNews {
    height: 480px;
    margin-top: -680px;
    margin-left: 50px;
    z-index: 4;
}
.wolke01 {
    margin-top: -1830px;
    margin-left: 0px;
    z-index: 3;
}
.spruch01 {
    margin-top: -200px;
    z-index: 4;
}
.spruch02 {
    margin-top: -435px;
    margin-left: 80px;
    z-index: 4;
}
.spruch02 .heading {
    font-size: 24px;
    line-height: 22px;
}
.spruch02 .lead {
    font-family: 'ProbaPro-Reg', sans-serif;
    font-weight: 200;
    font-size: 15px;
    line-height: 18px;
}
.spruch03 {
    margin-top: -205px;
    z-index: 4;
}
.spruch04 {
    margin-top: -275px;
    z-index: 4;
}
.copy01 {
    margin-top: -535px;
    margin-left: 50px;
    z-index: 4;
}
.copy02 {
    margin-top: -435px;
    margin-left: 50px;
    z-index: 4;
}
.copy03 {
    margin-top: -530px;
    margin-left: 50px;
    z-index: 4;
}
.copyNews .space {
    margin-top: 50px;
}
.copyNews .space30 {
    margin-top: 30px;
}
.impSlimscroll {
    padding-right: 30px;
}
.homeLink {
    cursor: pointer;
    margin-top: -930px;
    margin-left: 550px;
    width: 200px;
    z-index: 100;
}
.homeLinkImp {
    cursor: pointer;
    margin-top: -970px;
    margin-left: 780px;
    z-index: 100;
}
.kontaktLink {
    cursor: pointer;
    margin-top: -830px;
    margin-left: 350px;
    z-index: 100;
}
.storyLink {
    cursor: pointer;
    margin-top: -690px;
    margin-left: 310px;
    z-index: 100;
}
.sortenLink {
    cursor: pointer;
    margin-top: -840px;
    margin-left: 690px;
    z-index: 100;
}
.modal-body {
    padding: 0px;
}