/*! Place your custom styles here */

/*
@font-face {
    font-family: 'dirtyhousemedium';
    src: url('../fonts/dirtyhouse-webfont.eot');
    src: url('../fonts/dirtyhouse-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dirtyhouse-webfont.woff') format('woff'),
         url('../fonts/dirtyhouse-webfont.ttf') format('truetype'),
         url('../fonts/dirtyhouse-webfont.svg#dirtyhousemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'chalkduster';
    src: url('../fonts/Chalkduster.ttf.eot');
    src: url('../fonts/Chalkduster.ttf.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Chalkduster.ttf.woff') format('woff'),
         url('../fonts/Chalkduster.ttf') format('truetype'),
         url('../fonts/Chalkduster.ttf.svg#chalkduster') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{	background:#f3f9e2; } 

.cover{	background:#0c802c; border-bottom:4px solid #97bf0d; padding-top:220px; padding-bottom:60px; }
.nav-container {    background:#0c802c; }

a{      color:#0c802c; }
a:hover{    color:#555555; }

*{	/*font-family: 'dirtyhousemedium', sans-serif; */ }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{	font-family: 'chalkduster', sans-serif; letter-spacing:0; }
p, ul, ol, pre, table, blockquote{	font-size:16px; }

.bar .logo{	max-height:150px; left:75%; }

.harry{	position:absolute; right:0; bottom:0; z-index:10; width:350px; }

.row{	 }

.wiese{		position:relative; background:url(../img/wiese.png) bottom repeat-x; background-size:280px; padding-bottom:160px;  }
.wiese::before{ content:' ';     width: 204px;    height: 213px;position:absolute; left:0; top:0; background:url(../img/kuh-abdruck-3.png); background-size:cover; opacity:0.2; }
.bgwhite{   background:white; }
.bg--primary{   background:#0c802c;  border-bottom:4px solid #97bf0d; }


table tr:not(:last-of-type) {
    border-bottom: 1px solid #ececec;
    background: #efefef;
}

table th{   background:#97bf0d; }

table tr {
    border-bottom: 1px solid #ececec;
    background: #ffffff;
}

.siegel{
    display:inline-block;
    width:130px;  
    margin-bottom: 10px;
}

[data-overlay="4"]:before {
    opacity: 0.1;
}





@media (max-width: 991px){

    .bar .logo{  left:auto; margin-left:15%; }
    .cover{ padding-top:60px; }
    .harry{ width:200px; }
    .bottom_logo{   width:50%; }


}

@media (max-width: 450px){
    .bottom_logo{   width:75%; }

}