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

}

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

}

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

}

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

}

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

}


/** General Styles **/

body {
	background: #fff url(../img/top-bdy-bg.jpg) repeat-x 51% 0;
	font-family: "Times New Roman", Times, serif; font-size: 16px; 
}

body::after {
    content: "";
    position: fixed;
    top: 340px;
    right: -20px;
    width: 200px;
    height: 200px;
    background-image: url(/img/bierlokaldesjahres.png);
    background-size: cover;
    background-position: center;
    z-index: 9999;
    transform: rotate(20deg);
}




h1, h2, h3, h4, h5 {font-weight:normal;    color: #5a482f;}

p {
	color: #5a482f;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.bigger {
	font-size: 20px;
	line-height: 24px;
}
a {color: #c94545;}
a:hover {color: #5b4830;}

/* set desktop resolution */
.container {width:960px;}

#header {}
#header .logoContainer {float:left;}
#header .logoContainer a {display:block; margin-top:0px;}

#header .topData {margin-top:25px; float:right; text-align:right; margin-right:7px;}

#mainContent {min-height:300px;}

#menuContainer {background: transparent url(../img/menu-cont-bg.png) repeat-x 0 0; height:66px; z-index: 100;}
#menuContainer a {text-decoration:none;}

/* main menu styles */
ul.mainMenu {margin:0; float:left; text-align: justify;}
ul.mainMenu li {list-style:none; display: inline-block; margin:0 8px 0 0; padding-right:8px; }
ul.mainMenu li a, ul.mainMenu li span {color:#fff; font-size:20px; text-transform: uppercase; text-shadow:2px 2px 1px #2e1f0c; font-family: 'BreeSerifRegular'; line-height:60px; display:block; padding:0 10px 0 5px;}
ul.mainMenu li:last-child {background:none;}
ul.mainMenu .addTxt {display:none;}
ul.mainMenu li span.trenner {background: transparent url(../img/divid-menu.png) no-repeat right 56%; padding:0 10px 0 5px;}

ul.mainMenu li.subMenu {position:relative;}
ul.mainMenu ul {z-index:10; display:none; position:absolute; top:50px; left:-5px; margin:0; background: transparent url(../img/sub-menu-bg.png) repeat; border:0; padding:10px 0 10px 5px; border-radius:5px; box-shadow: 0 7px 10px 0 #5d482d}
ul.mainMenu ul li {float:none; background:none; white-space:nowrap; margin:2px 0;}
ul.mainMenu ul a { color:#fff; font-size:18px; text-transform: uppercase; text-shadow:2px 2px 1px #1e1306; font-family: 'BreeSerifRegular'; line-height:27px; margin:1px 0; display:inline-block; }
ul.mainMenu ul li:hover a {background:#c94545; border-radius:5px;}
ul.mainMenu li.subMenu:hover ul {display:block;} 
ul.mainMenu li#line {padding-left: 100%;}
ul.mainMenu li.last {padding: 0px;margin:0px;}

#menuContainer a#pull {
    display: none;
}


address {color:#352005; font-size:14px; margin:0 0 15px 0; width:320px;}

.column1 {width:66%;}
.column2 {width:34%; background: transparent url(../img/column2-bg.png) repeat-y 50% 0;}
.c2btm {background:transparent url(../img/column2-btm.png) no-repeat bottom center; width:34%; height:249px; float:right; clear:right;}
.column2.nobackg {background:none;}
.oneColumn {}

/* boxes */


p.centering {text-align:center; line-height:20px;}

hr.divider1 {height:3px; background: transparent url(../img/divider1-bg.png) repeat-x 50% 50%; margin:35px; border:none; }
hr.divider2 {height:3px; background: transparent url(../img/divider1-bg.png) repeat-x 50% 50%; margin:35px 0; border:none; }
hr.divider3 {height:3px; background: transparent url(../img/divider1-bg.png) repeat-x 50% 50%; margin:20px 0; border:none; }
hr.divider4 {height:3px; background: transparent url(../img/divider1-bg.png) repeat-x 50% 50%; margin:50px 0; border:none; }
hr.divider5 {height:3px; background: transparent url(../img/divider1-bg.png) repeat-x 50% 50%; margin:25px; border:none; }

p span.highlight {color:#457b91; font-size:16px; text-transform: uppercase; font-family: 'BitterBold';}
p span.highlight2 {font-size:17px; color:#cc5d41;}
p span.highlight3 {color:#cc5d41; font-size:16px; text-transform: uppercase; font-family: 'BitterBold';}
p.full {font-size:15px; margin:0 105px 35px 105px;}


.second {width:50%; float:left; }

.secondcenter {
	width: 50%;
	margin: auto;
}
.second .mrgSecond {padding:10px 15px;}
.secondcenter .mrgSecond {
	text-align: center;
}
.second .tx1 {display: block; color: #c94545; text-transform: uppercase; text-align:center; margin-top: 10px;}
.third {width:33%; float:left; }
.third .mrgThird {padding:10px 15px;}
.third img {padding:0; border: 5px solid #c94545;}
.third .tx1 {display: block; color: #c94545; text-transform: uppercase; text-align:center; margin-top: 10px;}

/* headers styles */

.hdr2 {background: transparent; text-align:center; font-family: 'BitterBold'; font-size:20px; line-height:22px;  margin:20px 0; color:#ca5b3f}
.hdr2 span.lft {background: transparent url(../img/orm1-left.png) no-repeat top center; width:56px; padding-right:10px; height:29px; display:inline-block;}
.hdr2 span.rt {background: transparent url(../img/orm1-rt.png) no-repeat top center; width:56px; height:29px; padding-left:10px; display:inline-block;}
.lft:before, .rt:before {content: "\00a0";}

.hdr3 {font-size:21px; color:#477d93; font-family: 'BitterBold'; text-align:center; text-transform: uppercase; margin:40px 0;}
.hdr4 {background: transparent url(../img/hdr4-ribbon.png) no-repeat top center; height:67px; text-align:center; font-family: 'BitterBold'; font-size:21px; line-height:44px; margin:5px 0; color:#fff; margin-bottom:20px;}

.hdr5 {color:#ca5b3f; font-size:17px; font-family: 'BitterBold'; text-transform: uppercase; margin:50px 0 10px 0;}
.hdr6 {color:#cb5c40; font-size:20px; font-family: 'BitterBold'; text-transform: uppercase; text-align:center;}

.hdr7 {font-size:17px; color:#457b91; font-family: 'BitterBold';}

/* sliders */


/* slider6 begin */

.slider {position:relative; width:960px;}
.sliderBack {margin-top:40px; margin-bottom:65px;}
#map.slider {height: 375px;}
/* slider6 end */


/* contact */

.box7 {margin:0 4px;}
.box7 .cn1 {width:33%; float:left;}
.box7 .cn2 {width:33%; float:left;}
.box7 .cn3 {width:33%; float:left;}
label {font-size:12px; color:#5a482f; font-family: 'lucida_grandebold';}
input[type=text] {width:200px;}
input[type=text].error, textarea.error {border:1px solid red;}
textarea {height:105px;resize: none;}
input[type=submit] {background:#c94545; font-size:13px; line-height:32px; height:32px; padding:0 35px; margin-top:5px; border:0; color:#fff; font-family: 'lucida_granderegular';}
.box7 .cn2 a {color:#c94545;}
.box7 .cn4 img {border:1px solid #457b91; border-radius:5px; margin-top:20px;}

.slider8Set {margin:10px 0 0 15px;     text-align: center;}
.slider8Set img {border:1px solid #bcd0d0; padding:7px; background:#fff; }
.slider8Set .shadd {background: transparent url(../img/slider8-photo-shadow.png) no-repeat bottom center; padding-bottom:13px; display:inline-block; margin:5px 25px 25px 0;}
.container {position:relative;}
a.link1 {display:block; width:125px; height:46px; background: transparent url(../img/slider2-link.png) no-repeat top center; font-family: 'LeagueGothicRegular'; font-size:16px; color:#fff; text-shadow:0 1px 2px #050305; position:absolute; bottom:37px; right:-9px; text-align:left; padding: 0 0 0 39px; line-height:29px;}



/* footer */

#footer {background:transparent url(../img/top-bdy-bg.jpg) repeat 65% 0; min-height:90px; margin:80px 0 0 0; padding:0;}
#footer .top {background: transparent url(../img/footer-cont-bg.png) repeat-x 0 0; }
#footer .footNotes {margin:35px 0 0 45px; text-align: center;}
#footer .footNotes a{color:#5a482f;}

div.zweispalten{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 50px; -moz-column-gap: 50px; -webkit-column-gap: 50px; text-align:justify;}
div.zentriert{ text-align:center;}
hr {border-style: dotted none;     border-color:#c94545 -moz-use-text-color #fff;    margin: 40px 0;}


/** media queries, adjustments **/

@media (max-width: 959px) {
	body {
		padding:0;
	}
	.container {width: 100%; padding: 0 20px; box-sizing: border-box;}

    .column2 {display:none;}

    .c2btm {display:none;}

	ul.mainMenu li {padding-right: 4px; margin-right: 4px;}
	ul.mainMenu li a{padding-right: 4px;}
	ul.mainMenu ul a {padding:0 5px; }
	ul.mainMenu li span.trenner {padding: 0 4px 0 5px;	}
	
	.sliderBack {    margin-bottom: 20px;    clear: both;}

    .column1 {width:100%;}
	div.zweispalten {
	    -moz-column-count: 1;
		column-count: 1; 
		-webkit-column-count: 1;
	    -moz-column-gap: 0px;
	    column-gap: 0px;
	    -webkit-column-gap: 0px;
	}
	div.shadd{text-align: center;}

    .blogContent {margin:0 45px;}

	/* 2_home2 */

	.hdr4 {background: transparent url(../img/hdr1-ribbon.png) no-repeat top center; height:67px; text-align:center; font-family: 'BitterBold'; font-size:21px; line-height:44px; margin:5px 0; color:#fff;}


	.slider {width: 100%; margin:0 auto;}
	.slider .sliderContent {padding-left:0px;}
	.slider6Back, .slider6 .sliderContent, .slider6 .slider-wrapper {height:280px;}

	/* 6_contact */
	.box7 {margin:0 40px;}
	.hdr5 {margin-left:40px;}

	/* 8_single */
	.comments {padding-left:40px; padding-right:40px;}

}


@media (max-width:729px) {

	.container {width:auto; padding:0 20px;}

	#menuContainer a#pull {
    	display: block;
    	padding-left: 20px;
    	position: relative;
    	width: 100%;
		text-align: center;
    	line-height: 57px;    
		font-family: "BitterBold";    
		font-size: 19px;
	}
	#menuContainer a#pull:hover {
		color: #c94545;
	}
	#menuContainer  a#pull::before {
	    background: rgba(0, 0, 0, 0) url("../img/nav-icon.png") no-repeat scroll 0 0;
	    content: "";
	    display: inline-block;
	    height: 30px;    
		margin-left: -40px;
	    position: absolute;
	    top: 19px;
	    width: 30px;
	}
	ul.mainMenu  {
		background: transparent url("../img/sub-menu-bg.png") repeat scroll 0 0;
	    display: none;
	    height: auto;
	    width: 100%;
	}
	ul.mainMenu li {
	    display: block;
	    float: none;
	    position: relative;
	    width: 100%;
	}
	ul.mainMenu ul {background: transparent; display:block;  border:0; padding:10px 0 10px 5px; border-radius:0px; box-shadow: 0 0px 0px 0 #5d482d; position: relative; top: 0px;}
	ul.mainMenu > li:nth-child(2n) {
    	display: none;
	}
	ul.mainMenu li a, ul.mainMenu li span {
		text-align: center;    
		line-height: 30px;
		padding-right: 0px;
	}
	ul.mainMenu li ul li a {
		display: block;
		text-transform: none;
	}
	ul.mainMenu li a:hover {background:#c94545; border-radius:0px;}

	


	#mainContent.sliderBack {background:none;}
	#mainContent.fullWidth {background:none;}


    .hdr2 {font-size:16px; line-height:24px;}
	.hdr2 span.lft {display:none;}
	.hdr2 span.rt {display:none;}
	.hdr4 {background: none; color:#ca5b3f; height:53px; font-size:19px; line-height:24px;}

	.third {width:100%;}
	.third .mrgThird {padding:7px;}

    #footer .col1 {background: transparent url(../img/iphone-hours-bg.png) no-repeat center 80%; min-height:197px;}
    #footer span.day {font-size:14px; line-height:17px;}
	#footer span.hour {font-size:14px; line-height:17px;}

	.typo {margin:0 20px;}

	#footer h4 span.lft {display:none;}
	#footer h4 span.rt {display:none;}
    #footer .footNotes {display:block; margin-left:0;}
	#footer .col2 .ftMap {height:230px;}

	.hdr5 {margin-left:30px;}
	.box7 {margin:0 30px;}
	.box7 .cn1 {width:100%;}
	.box7 .cn2 {margin-top:30px; width:100%; text-align:center;}
	.box7 .cn3 {margin-top:30px; width:100%; text-align:center;}
	.box7 .cn4 {display:none;}
	.box7 .cn3 br { }
	input[type="text"] {width:100%;}
    textarea {width:100%;}

	.slider6 {width:100%; margin:0 auto;}
	.slider6 .sliderContent {padding:0;}
	.slider6Back {background:none;}

    p.full {margin-left:30px; margin-right:30px;}

    .comments {padding-left:5px; padding-right:5px; margin:0;}
	
	body::after {
		top: 305px;
		right: -15px;
		width: 170px;
		height: 170px;
	}

}

@media (max-width:500px) {
	#header .logoContainer {
	width: 25%;
	}
	#header .logoContainer a{
	    display: block;
		width: 100%;
		margin: 0 auto;
	}
	#header .topData {
	    margin-right: 0px;
	    margin-top: 10px;
		margin: 0 auto;
	}
	address {
		font-size: 12px;
		line-height: 14px;
	    margin-top: 10px;
		width:200px;
	}
	
	body::after {
		top: 240px;
		right: -10px;
		width: 120px;
		height: 120px;
	}

}

/*contact form*/
.contactForm span.error {
    display:block;
    color: red;
    position:relative;
    top: -8px;
}

.cn1.contact {
    min-height: 300px;
}

.box9 .form-message, .ipad-box9 .form-message {
    color: #fff;
}

.box9 form#bkForm span.error{
    border:0;
    background: transparent;
    color: red;
    font-weight: bold;
}