/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}


html, body{
    font-size: 16px;
    background-color: #e6e6e6;
    color: #09162b;
    font-family: 'Raleway', 'Roboto', sans-serif;
    margin: 0;
    padding: 0;

    background: url('../images/borcks_weihnachtsbaeume_hintergrund_sw.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    background-size: cover;
}

h2{
    font-size: 1.6rem;
}
.row{
    margin-left: 2px;
    margin-right: 2px;
    margin-top:5px;
}
.container, .container-fluid{
    min-width: 320px;
}

.brckContainer, .brckContainer-fluid{
    min-width: 320px;
    background-color: #FFFFFF;
    opacity: 0.95;
    border-radius: 5px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}

.colHeaderFooter{
    background-color: #1B402E;
    color: #FFFFFF;
    padding: 0.2rem;
    line-height: 1.4rem;
}
.thd-col-common-basic{
    background-color: #ffffff;
    border: 1px solid #b3b3b3;
}

.brckNoMargin{
    margin: 5px -5px 5px -5px;
}
.brckBaum-Header-Element{
    color: yellow;
}

.brckBaum-Header-Element > img{
    height: 50px;
    vertical-align: top;
    display: inline-block;
}
.brckBaum-Header-Element > h1{
    display: inline-block;
    font-size: 1.5rem;
    margin: 0 1.4rem;
}

.brckBaumNews{
    width: 160px;
    height: 160px;
    background-color: yellow;
    border-radius: 80px;
    position: relative;
    top: -15px;
    right: -30px;
    font-size: 1.2rem;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}

.brckBaumNews > p{
    text-align: center;
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
    line-height: 19px;

}

.brckBaum-Footer-Link{
    color: #FFFFFF;
}
.brckBaum-Footer-Link > span{
    font-size: 1.8rem;
}

.brckBaumTitelbox{
    background: url('../images/borcks_weihnachtsbaeume_titelbild.jpg') no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 1.0;
    height: 270px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 5px;
}

.brckBaumUeberschrift{
    background-color: #1B402E;
    margin: 0 -32px 15px -32px;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 10px 1px 50px;
    color: #FFFFFF;
    background-image: url('../images/borcksweihnachtsbaeume_baum.png');
    background-repeat: no-repeat;
    background-position: 10px -5px;
    background-size: contain;
}

li:before {
    content: "\f1bb"; /* FontAwesome Unicode */
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

img.brckImg{
    margin: -5px 0px 10px -22px;
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}
img.brckImgCenter{
    margin: 0px 0px 15px 0px;
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}
ul.navbar-nav > li{
    margin-left: 25px;
    margin-right: 10px;
}

ul.navbar-nav > li:before{
    color: yellow;
}
ul.navbar-nav > li > a{
    color: #FFFFFF;
    font-weight: bold;
}
ul > li{
    margin-bottom: 6px;
    margin-left: -20px;
}

.brckBilder{
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}

.brckBilderBaeume{
    background-image: url('../images/borck_weihnachtsbaeume_baeume_desktop.jpg');
}
.brckBilderPflege{
    background-image: url('../images/borck_weihnachtsbaeume_pflege_desktop.jpg');
}
.brckBilderFamilie{
    background-image: url('../images/borck_weihnachtsbaeume_familie_desktop_neu.jpg');
}
.brckBilderEinkaufserlebnis{
    background-image: url('../images/borck_weihnachtsbaeume_einkaufserlebnis_desktop.jpg');
}
.brckBilderFirmenevents{
    background-image: url('../images/borck_weihnachtsbaeume_firmenevents_desktop.jpg');
}

.brckGoogleMap{
    height: 300px;
    margin: -16px -17px 0px -17px;
    width: calc(100% + 34px);
    background-color: #0c5460;
    border-radius: 0px 0px 5px 5px;
}
/* Overwrite Bootstrap Navbar Responsive Mode */
.navbar-light .navbar-toggler{
    border: none;
    cursor: pointer;
}
@media screen and (max-width: 576px) {
     .thd-nav-li{
         border-top: 1px dashed #FFFFFF;
         padding-top: 7px;
     }
}
@media screen and (max-width: 767px) {
    .brckBilder{
        height: 150px;
        width: calc(100% + 34px);
        background-size: cover;
        margin: -20px -18px 10px -17px;
        border-radius: 0px;
        box-shadow: 0px 0px;
        -webkit-box-shadow: 0px 0px;
        -moz-box-shadow: 0px 0px;
    }
    .brckBilderPflege{
        background-image: url('../images/borck_weihnachtsbaeume_pflege_mobile.jpg');
    }
    .brckBilderFamilie{
        background-image: url('../images/borck_weihnachtsbaeume_familie_mobile_neu.jpg');
    }
    .brckBilderEinkaufserlebnis{
        background-image: url('../images/borck_weihnachtsbaeume_einkaufserlebnis_mobile.jpg');
    }
    .brckBilderBaeume{
        background-image: url('../images/borck_weihnachtsbaeume_baeume_mobile.jpg');
    }
    .brckBilderFirmenevents{
        background-image: url('../images/borck_weihnachtsbaeume_firmenevents_mobile.jpg');
    }

    img.brckImg{
        margin: -15px 32px 0px -32px;
        width: calc(100% + 64px);
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px;
        -moz-box-shadow: 0px 0px;
        box-shadow: 0px 0px;
    }

    img.brckImgCenter{
        margin: 0px -32px 20px -32px;
        width: calc(100% + 64px);
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px;
        -moz-box-shadow: 0px 0px;
        box-shadow: 0px 0px;
    }
    .brckBaum-Footer-Link{
        font-size: 0.7rem;
    }
    .brckBaum-Footer-Link > span{
        font-size: 1.2rem;
    }
    html, body{
        font-size: 14px;
    }

    h2{
        font-size: 1.4rem;
    }
}

a.brckOutgoing{
    color: #0b2e13 !important;
    font-weight: bold;
}
a.brckBaum-Footer-Link:hover{
    color: yellow;
    text-decoration: none;
}