/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: MARCO - One Page Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */
 
/* FONTS */
/* @import url(http://fonts.googleapis.com/css?family=Ruda:400,900,700); */

/* ruda-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ruda';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ruda-v28-latin-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ruda-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ruda-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('../fonts/ruda-v28-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		 url('../fonts/ruda-v28-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		 url('../fonts/ruda-v28-latin-regular.svg#Ruda') format('svg'); /* Legacy iOS */
  }
  
  /* ruda-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ruda';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/ruda-v28-latin-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ruda-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ruda-v28-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('../fonts/ruda-v28-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		 url('../fonts/ruda-v28-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		 url('../fonts/ruda-v28-latin-700.svg#Ruda') format('svg'); /* Legacy iOS */
  }
  
  /* ruda-900 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ruda';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/ruda-v28-latin-900.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ruda-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ruda-v28-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('../fonts/ruda-v28-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		 url('../fonts/ruda-v28-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		 url('../fonts/ruda-v28-latin-900.svg#Ruda') format('svg'); /* Legacy iOS */
  }

/* OVERALL ASPECT */

body {
    background-color: #f2f2f2;
    font-family: 'Ruda', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Ruda', sans-serif;
    font-weight: 900;
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

.goleft {
	text-align: left;
}

/* Links */
a {
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.navbar {
	font-size: 14px;
	background: #F2F2F2;
}

.navbar-fixed-top {
border-width: 0 0 0px;
border-bottom-width: 0px;
}
/* ================== BASIC CONFIGURATION ================== */

.spacing i {
	padding-left: 8px;
	padding-right: 8px
}
/* margin top & Bottom */
.mt {
	margin-top: 50px;
	margin-bottom: 50px;
}

/* Special Margin for Wrap sections */
.mts {
	margin-top: -20px;
}


/* service icons */
.si {
	visibility: hidden;
}

.si:hover {
	background-color: #ffffff;
}

.si i {
	font-size: 40px;
	padding: 20px;
}

/* Padding top & bottom */
.pt {
	padding-top: 15px;
	padding-bottom: 15px; 
}

/* Description Styling / Used in portfolio & Blog images footnotes */
.desc p {
	font-family: 'Ruda', sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
}

.desc p > i {
	font-size: 16px;
	color: #979797;
}

.desc p > i:hover {
	font-size: 16px;
	color: #e74c3c;
	cursor: pointer;
}

.desc p.lead {
    font-family: 'Ruda', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-top: -15px;
}

.desc p.time {
    font-family: 'Ruda', sans-serif;
    font-weight: 400;
    font-size: 12px;
    margin-top: 0px;
	color: #979797;
	text-align: right;
}

.desc p.time > i {
	font-size: 12px;
}


/* Dashed Separator */

hr-d {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dashed #ccc;
    margin: 1em 0;
    padding: 0;
}


p.capitalize {
	display:block;
	text-align: left;
}

p.capitalize:first-letter {
	text-transform:capitalize; 
	font-size: 30px;
	font-family: 'Ruda', sans-serif;
	font-weight: 400;
	color:white; 
	padding-left:10px; 
	padding-right:10px; 
	margin-right:5px;
}


/* Button Call To Action */
.btn-cta {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  font-family: 'Ruda', sans-serif;
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

.btn-cta:hover,
.btn-cta:focus,
.btn-cta:active,
.btn-cta.active,
.open .dropdown-toggle.btn-cta {
  color: #2f2f2f;
  background-color: #ffffff;
  border-color: #2f2f2f;
}

/* Button Theme */
.btn-theme {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  font-family: 'Ruda', sans-serif;
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #2f2f2f;
  background-color: #ffffff;
  border-color: #2f2f2f;
}

/* Button Yellow */
.btn-yellow {
  color: #2f2f2f;
  background-color: #ffd56c;
  border-color: #ffffff;
  font-family: 'Ruda', sans-serif;
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  color: #2f2f2f;
  background-color: #fdc741;
  border-color: #ffffff;
}



/***** Testimonials Styling *****/
.testi-container {
	width:100%;
	margin-bottom:14px;
	padding: 5px 6px 3px 0px; 
	background-color:#fafafa;
	border: solid 1px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	float:left;
	z-index:998;
}

.testi-container:before {
	width: 25px;
	height: 17px;
	background:#fafafa;
	content: '';
	position: absolute;
	z-index:999;
	left:42px;
	bottom: 0px;
	margin-left: -7px;	
}
@media \0screen {.testi-container:before {background:none;}}

.testi-container:after {
	width: 17px;
	height: 17px;
	background:#fafafa;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	content: '';
	position: absolute;
	z-index:888;
	left:45px;
	bottom: -5px;
	margin-left: -7px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
@media \0screen {.testi-container:after {background:none; border:none;}}

.testi-text {
	width:100%;
	float:left;
	margin:0px;
	padding:10px 14px 0px 14px;
	font-weight: 400;
}

/* ================== MAIN WRAP SECTIONS ================== */

#headerwrap {
	background: url(../img/header_45.jpg) no-repeat center top;
	margin-top: 0px;
	padding-top: 50px;
	background-attachment: relative;
	background-position: center center;
	min-height: 450px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap h1 {
	margin-top: 60px;
	color: white;
	font-size: 50px;
	font-weight: 900;
	letter-spacing: 1px;
	visibility: hidden;
}

#headerwrap h2 {
	color: white;
	visibility: hidden;

}

#headerwrap .img-responsive {
	margin: 0 auto;
}




/* Footer Wrap */

#f {
	background-color: #1b1b1b;
	padding-top: 40px;
	padding-bottom: 40px;
}

#f p {
	color: white;
}

#f h4 {
	color: white;
}

/* Color Wraps */
#white {
	margin-top: 0px;
	background-color: #ffffff;
	min-height: 300px;
	width: 100%;
}

#grey {
	margin-top: 0px;
	background-color: #f7f7f7;
	min-height: 300px;
	width: 100%;	
}

#black {
	margin-top: 0px;
	background-color: #2f2f2f;
	min-height: 300px;
	width: 100%;	
}

#black h3 {
	color: white;
}

#black h4 {
	color: white;
	text-transform: uppercase
}

#black p {
	color: white;
	font-size: 16px;
	font-weight: 400;
}

#black i {
	font-size: 35px;
}

#black h1 {
	color: white;
	font-size: 70px;
}

/* Map Wrap*/

#map {
	width: 100%;
	height: 400px;
}

#map-contact {
	width: 100%;
	height: 650px;
}

/* ================== CALL TO ACTION WRAP SECTIONS & HELPERS ================== */
#cta01 {
	background: url(../img/cta/cta01.jpg) no-repeat center top;
	margin-top: 0px;
	padding-top:100px;
	text-align:center;
	background-attachment: relative;
	background-position: top center;
	min-height: 350px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cta01 h1 {
	color: white;
	font-weight: 700;
	margin-bottom: 25px;
	font-size: 60px;
}

#cta01 h2 {
	color: white;
	font-weight: 700;
	margin-bottom: 25px;
}

#cta01 i {
	color: white;
	font-size: 45px;
}


#cta02 {
	background: url(../img/cta/cta02.jpg) no-repeat center top;
	margin-top: 0px;
	padding-top:100px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 350px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cta02 h2 {
	color: white;
	font-weight: 700;
	margin-bottom: 25px;
}


#cta03 {
	background: url(../img/cta/cta01.jpg) no-repeat center top;
	margin-top: 0px;
	padding-top:50px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 450px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#cta03 h2 {
	color: white;
	font-weight: 700;
	margin-bottom: 50px;
}

#cta03 i {
	color: white;
	font-size: 45px;
}

#cta03 p {
	color: white;
	font-size: 16px;
}

#cta-bar {
	background: #2f2f2f;
	color: white;
	padding-top: 40px;
	padding-bottom: 40px;
	
    -webkit-transition: color 0.3s ease-in, background 0.3s ease-in;
    -moz-transition: color 0.3s ease-in, background 0.3s ease-in;
    -ms-transition: color 0.3s ease-in, background 0.3s ease-in;
    -o-transition: color 0.3s ease-in, background 0.3s ease-in;
    transition: color 0.3s ease-in, background 0.3s ease-in;
}

#cta-bar:before,
#cta-bar:after {
    -webkit-transition: color 0.2s ease-in, background 0.2s ease-in;
    -moz-transition: color 0.2s ease-in, background 0.2s ease-in;
    -ms-transition: color 0.2s ease-in, background 0.2s ease-in;
    -o-transition: color 0.2s ease-in, background 0.2s ease-in;
    transition: color 0.2s ease-in, background 0.2s ease-in;
    
    cursor: pointer;
}

#cta-bar h4 {
	color: white;
	font-weight: 400;
}


/* ================== TEAM MEMBERS INFORMATION OVER iMAGE ================== */
.members {
  width: 302px;
  position: relative;
  float: left;
  margin: 0 20px 0 0;
  > img {
    display: block;
    position: relative;
  }
}

.team-info {
  position: absolute;
  bottom: 20px;
  right: 0px;
  width: 170px;
  padding: 10px 10px 30px 10px;
}
.subhead {
  color: #f2f2f2;
  text-transform: uppercase;
  font-weight: 400;
}
.team-name {
  color: white;
  font-weight: 400;
  margin: 0;
  letter-spacing: -1px;
}

.team-description {
	color: white;
	padding-top: 20px;
}

.team-description i {
	margin: 8px;
}

/* Team Member Stats Icons Conf */
.team-stat i {
	font-size: 28px;
}

/* ================== TWITTER FEED CONFIGURATION ================== */
#f ul {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

#f ul li {
  list-style:none;
  overflow:hidden;
}

#f ul li:before {
	content: "\f099";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	font-size: 16px;
	height: auto;
	margin-top: 2px;
	margin-right: 8px;
	color: white;
	float: left;
}

#f .tweet {
	float: right;
	width: 85%;
}





@media (max-width: 600px) { 

#headerwrap h1 {
	font-size: 35px;
}

#cta03 {
	background: #2d2d2d;
	}	
	
#wv {height: 350px;}
	
}

@media (max-width: 900px) { 
#cta03 {background: #2d2d2d;}	
}


/*** CUSTOM STYLES ***/

/* GENERAL */
#headerwrap {margin-top: 67px;}

/* HOME */
.home #headerwrap h1 {color: #fff; text-shadow:2px 2px 2px #000; margin-top: 10px;}
.home h3 {font-size: 38px;}
.home #headerwrap {opacity: 0.85; border-bottom: 0px solid #3DB1A2;}
.home .desc h2 {font-size: 22px; padding-bottom: 18px;}
.home .desc p.lead.enterlink {padding-top: 8px;}
.home .desc .lead.enterlink .fa {margin-right: 6px;}
.home .desc .lead.enterlink a {font-weight: 800; color: #3DB1A2;}
.home .desc .lead.enterlink a:hover {color: #333;}
.home .desc .lead {font-size:14px;}
.home .desc .lead p {font-size: 14px; font-weight: 400; margin-top: 0px;}


.home .desc.centered {text-align: center;}
.home .desc.kontakt-1 a .fa-comment {font-size: 90px; line-height: 120px; display: block;}
.home .desc.kontakt-1 a span {margin-top: 50px; font-size: 18px;}
.home .desc.kontakt-1 {background-color: #eaeaea; min-height: 390px; padding-top: 110px;}
.home .desc.kontakt-1 a {color:#7B7B7B;}
.home .desc.kontakt-1 a:hover {color:#74C9BE;}
.home #kontakt_con h3 {margin-bottom: 20px;}
.home #kontakt_con .kontakt_ico .fa {font-size: 180px; color: #f2f2f2 !important; margin-top: 28px;}
.home #kontakt_con p.kontakt {font-size: 20px; line-height: 30px;}
.home #kontakt_con .kontakt {font-size: 20px; line-height: 30px;}
.home #grey.marken {padding-bottom: 80px;}
.home .oeffnungszeiten p {color: #FFF; text-shadow: 1px 1px 3px #555 !important; font-size: 28px; line-height: 42px;}
.home .oeffnungszeiten h3 {color: #fff; text-shadow: 1px 1px 3px #555 !important;}
.home .mt.leistungen {margin-top: 90px;}
.home .regionale-marken {margin-bottom: 70px;}

.home .sticky-offset-home_oez {display: block; height: 200px; margin-top: -200px; visibility: hidden;}
.home .sticky-offset-home_kontakt {display: block; height: 80px; margin-top: -80px; visibility: hidden;}


/* HEADER NAV - HOME */
.navbar.nav-overall{position: fixed; top: 0; width:100%; background-color: #f2f2f2; z-index: 1000;}
.navbar .current {background-color: rgb(61, 177, 162); color: #fff !important;}
.navbar a.current:hover {background-color: #34D4BD !important;}
.navbar {border: 0px solid transparent !important;}
.mainnav .logo-small a {color: #333; }
.navbar li.dropdown a.dropdown-toggle {cursor: default;}


/* HEADER NAV - NOT HOME */
.navbar.nav-overall {border-bottom: 1px solid #e8e8e8; border-radius: 0px; border-top: 2px solid #3DB1A2;}
.nav-overall ul.navbar {margin-bottom: 0px;}
.nav-overall ul.navbar li {display: inline; margin-right: -4px;}
.nav-overall ul.navbar li a {padding: 26px 20px 22px; margin: -1px 0px 0px 0px; border-right: 0px solid rgb(204, 204, 204); color: #3DB1A2; font-weight: 700;}
.nav-overall ul.navbar li.last {margin-right: 0px;}
.nav-overall ul.navbar li a:hover, .nav-overall ul.navbar li a:focus {text-decoration: none; background-color: #EEEEEE; color: #333;}
.nav-overall ul.navbar li.dropdown .fa {position: absolute; left:50%;margin-left:-5px; margin-top: 20px;}
.mainnav .logo-small {font-size: 22px; margin-top: 12px;}
.mainnav .logo-small .line-1 {font-size: 18px;}
.mainnav .logo-small p {margin:0px;padding:0px; line-height: 20px;}

/* - Dropdown */
/*.dropdown:hover .dropdown-menu {display: block;}*/
.dropdown-menu li:hover .sub-menu {visibility: visible;}
.navbar-right .dropdown-menu {margin-top: -10px;}
.dropdown-menu.sub-menu.level-2 li a {padding: 12px 14px 10px 14px; border-bottom: 1px dashed #dcdcdc;}
.dropdown-menu.sub-menu.level-2 li a.last {border-bottom: 0px dashed transparent;}
.dropdown-menu.sub-menu.level-2 li a.active {background-color: rgb(61, 177, 162); color: #fff; border-bottom: 0px dashed #fff;}
.dropdown-menu.sub-menu.level-2 li {margin-right: 0px; width:100%;}
.dropdown-menu.sub-menu.level-2 {padding:1px 0 0 0; border-radius: 0px; text-align:left; left: 0px; right: auto;}
.dropdown-menu.sub-menu.level-2 li span a {display: inline-block; width: 100%; border-bottom: 1px dashed #dcdcdc;}
.dropdown-menu.sub-menu.level-2 li span {display: inline-block;}
.dropdown-menu.sub-menu.level-2 li span a .fa.lvl-3 {display: inline-block; position: static; margin-left: 5px; margin-top: 0px;}
.dropdown-menu.sub-menu.level-2 li span a span {}
.dropdown-menu.sub-menu.level-2 {min-width: 200px;}
.dropdown-menu.sub-menu.level-2 ul.nav-level-3 {display: block;}
.dropdown-menu.sub-menu.level-2 li span:hover ul.nav-level-3 {display: inline;} 
/* - Level 3 */
.nav-level-3 {padding-left: 0px;}
.nav-level-3 li a:before {content:"-"; margin-right: 6px;}
.nav-level-3 li a {padding: 5px 10px 5px 25px !important; border-bottom: 1px dashed #dcdcdc; color: #444 !important;}


/* DETAIL GENERELL */
.detail #headerwrap h1 {margin-top: 0px; color: rgb(51, 51, 51); text-shadow: 2px 2px 2px #ccc;}
.detail #headerwrap .mt {margin-bottom: 0px;}

/* GETRÄNKE */
.detail.getraenke .first-container {margin-top: 80px;}
.detail.getraenke h3 {font-size: 38px;}
.detail.getraenke .row.sort {margin-bottom: 50px;}
.detail.getraenke .sortiment .getr-txt .sub-head {font-weight: 800; color: #333; font-size: 18px; margin-top: 12px; margin-bottom: 12px;}
.detail.getraenke .sortiment .getr-txt ul {margin-top: 0px; margin-bottom: 10px; padding-left: 18px;}
.detail.getraenke .sortiment .getr-txt .sub-head-fass {font-weight: 800; color: #333; font-size: 18px; margin-top: 12px; margin-bottom: 0px;}
.detail.getraenke .sortiment .getr-txt .fass-legende {color: #acacac;}
.detail.getraenke .sortiment .getr-txt .fass-15,
.detail.getraenke .sortiment .getr-txt .fass-20,
.detail.getraenke .sortiment .getr-txt .fass-25,
.detail.getraenke .sortiment .getr-txt .fass-30,
.detail.getraenke .sortiment .getr-txt .fass-40,
.detail.getraenke .sortiment .getr-txt .fass-50 {font-weight: 700;}
.detail.getraenke .sortiment .getr-txt .fass-15 {color: #69CFB9;}
.detail.getraenke .sortiment .getr-txt .fass-20 {color: #4DC35F;}
.detail.getraenke .sortiment .getr-txt .fass-25 {color: #B6B03C;}
.detail.getraenke .sortiment .getr-txt .fass-30 {color: #F35858;}
.detail.getraenke .sortiment .getr-txt .fass-40 {color: #CA57E7;}
.detail.getraenke .sortiment .getr-txt .fass-50 {color: #494D9E;}

.detail.getraenke .sticky-offset-getr_bier {display: block; height: 120px; margin-top: -120px; visibility: hidden;}
.detail.getraenke .sticky-offset-getr_alkfrei {display: block; height: 120px; margin-top: -120px; visibility: hidden;}
.detail.getraenke .sticky-offset-getr_frwein {display: block; height: 120px; margin-top: -120px; visibility: hidden;}
.detail.getraenke .sticky-offset-getr_spirit {display: block; height: 120px; margin-top: -120px; visibility: hidden;}
.detail.getraenke .sticky-offset-getr_kaffeetee {display: block; height: 120px; margin-top: -120px; visibility: hidden;}
.detail.getraenke .sticky-offset-getr_schoko {display: block; height: 120px; margin-top: -120px; visibility: hidden;}
.detail.getraenke .sticky-offset-getr_congase {display: block; height: 120px; margin-top: -120px; visibility: hidden;}
.detail.getraenke .sticky-offset-getr_regional {display: block; height: 120px; margin-top: -120px; visibility: hidden;}



/* BIER INFOS */
.bierinfos .bi h2 {margin-top: 140px;}
.bierinfos .bier-infos {padding-top: 20px; padding-bottom: 60px;}
.bierinfos .bier-infos .bier-txt p {line-height: 22px;}
.bierinfos .bier-infos .bier-h4 h4 {margin-top: 0px; margin-bottom: 16px;}
.bierinfos .bier-infos .bier-txt table {display: table; text-align: left; border-collapse: separate; border-spacing: 2px;} 
.bierinfos .bier-infos .bier-txt table td {padding-right: 30px;}
.bierinfos .bier-infos .bier-txt table th {padding-right: 30px; font-style: italic;}

/* AUSSTATTUNG MIETEN */
.mieten .am h2 {margin-top: 140px;}
.mieten .ausstattung-mieten {padding-top: 20px; padding-bottom: 80px;}
.mieten .ausstattung-mieten .mieten-txt p {line-height: 22px;}
.mieten .ausstattung-mieten .mieten-h h4 {margin-top: 0px; margin-bottom: 16px;}

/* BETRIEB */
.betrieb .bet h2 {margin-top: 140px;}
.betrieb .unser-betrieb {padding-top: 20px; padding-bottom: 80px;}
.betrieb .unser-betrieb .betrieb-txt p {line-height: 22px;}
.betrieb .unser-betrieb .betrieb-h h4 {margin-top: 0px; margin-bottom: 16px;}
.betrieb .unser-betrieb .betrieb-txt p a {color: #3DB1A2; font-weight: 700;}
.betrieb .unser-betrieb .betrieb-txt p a:hover {color: #000;}

/* ZULIEFERUNG */
.liefern .zl h2 {margin-top: 140px;}
.liefern .liefern {padding-top: 20px; padding-bottom: 80px;}
.liefern .liefern .liefern-txt p {line-height: 22px;}
.liefern .liefern .liefern-h h4 {margin-top: 0px; margin-bottom: 16px;}
.liefern .liefern .liefern-txt p a {color: #3DB1A2; font-weight: 700;}
.liefern .liefern .liefern-txt p a:hover {color: #000;}

/* SERVICE */
.service .sv h2 {margin-top: 140px;}
.service .service {padding-top: 20px; padding-bottom: 80px;}
.service .service .service-txt p {line-height: 22px;}
.service .service .service-h h4 {margin-top: 0px; margin-bottom: 16px;}
.service .service .service-txt p a {color: #3DB1A2; font-weight: 700;}
.service .service .service-txt p a:hover {color: #000;}





/* SCROLL TO TOP */
a.scrollup {height: 40px; width: 40px; color: rgb(61, 177, 162); font-size: 22px; line-height: 36px; text-align: center; text-decoration: none; position: fixed; bottom: 16px; right: 16px; z-index: 9999; border: 2px solid rgb(61, 177, 162);}

/* FOOTER */
.foo .fa-phone-square, .foo .fa-envelope-o {color: #74C9BE; margin-right: 4px;}
.fa-phone-square {font-size: 16px;}
#f .foo h4 {color: #74C9BE;}
.foo a {color: #fff;}
.foo a:hover {color: #74C9BE;}
#f .foo p.foo_info {font-weight: 400 !important; line-height: 22px; font-size: 13px; margin-bottom: 10px;}
.foo .copyright, .foo .links {margin-bottom: 0px; font-size: 13px;}
.foo .copyright a .fa, .foo .links a .fa {margin-right: 4px;}





/* Additional NAV CSS */

ul.nav li.dropdown .dropdown-menu li .yamm-content .row {margin-left: 0px; margin-right: 0px;}
.nav-level-3 li {list-style: none;}
.nav-level-3 li a {padding: 5px 0px 5px 0px !important;}

h1.logo-small {font-size: 22px; line-height: 22px; margin-top: 12px;}
h1.logo-small a {color: #333;}

.navbar-header p {font-size: 22px; line-height: 22px; margin-top: 12px; margin:0px;padding:0px; line-height: 20px;}
.navbar-header p a {color: #333; font-weight: 900;}
.navbar-header p a .line-1 {font-size: 18px;}

@media (min-width: 992px) {
	.navbar {height: 67px;}
	h1.logo-small .line-1, .navbar-header p a .line-1 {display: block; font-size: 18px; line-height: 18px;}
}

@media (min-width: 768px) {
	.dropdown:hover .dropdown-menu {display: block;}
	.navbar-nav > li > a {padding-top: 24px; padding-bottom: 23px;}
	.navbar-right .dropdown-menu {left: 0px; right: auto;}
	.dropdown-menu {padding: 0px 0px; min-width: 198px; border: 1px solid #dfdfdf; border-radius: 0px !important;}    
	.panel-group {margin-bottom: 0px;}
	.panel-group .panel {margin-bottom: 0px; overflow: hidden; border-radius: 0px; border: 0px solid transparent;}
	.panel-default > .panel-heading {background-color: transparent; border-color: transparent;}
	.nav-level-3 li {line-height: 30px; border-bottom: 0px dashed #D5D5D5;}
	.nav-level-3 li a {padding-left: 15px !important; border-bottom: 0px solid transparent; padding-top: 0px !important; padding-bottom: 0px !important; display: block;}
	.nav-level-3 li a:hover {background-color: #eee;}

	.panel-default > .panel-heading {border-bottom: 1px dashed #d5d5d5;}
	.panel-body {padding: 0px; border-bottom: 1px dashed #d5d5d5 !important; border-top: 0px dashed #fff !important;}
	.panel-body.last {border-bottom: 0px solid transparent !important;}
	.panel-body a {padding-left: 15px;}
	.panel-body h4 a {padding-top: 10px; padding-bottom: 10px; display: block; color: #3DB1A2; font-weight: 700;}
	.panel-heading {padding: 0px;}
	.panel-heading h4 a {font-weight: 700; color: #3DB1A2; padding: 10px 15px; display: block;}
	.panel-body h4 a:hover, .panel-heading h4 a:hover {background-color: #EEE; color: #333;}
	.panel-group .panel + .panel {margin-top: 0px;}
}
@media (max-width: 991px) {
	.kontakt_ico {display: none;}
}



@media (max-width: 767px) {
	h1.logo-small, .navbar-header p {padding-left: 15px;}
	h1.logo-small p, .navbar-header p {margin-bottom: 0px;}
	#collapseOne {display: none;}

	.panel-default > .panel-heading {color: #333; background-color: transparent !important; border-color: transparent !important;}
	.panel-group .panel {border-radius: 0px; border: 0px solid transparent !important; background-color: transparent !important; padding-left: 15px;}
	.panel-group .panel h4.panel-title {font-weight: 400; font-size: 14px;}
	.panel-group {margin-bottom: 0px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #3DB1A2;}
	.navbar-default .navbar-toggle {border-color: #3DB1A2;}
}

@media (min-width: 768px) and (max-width:992px) {
	.navbar-right {float: left !important; margin-left: -15px;}
	h1.logo-small p, .navbar-header p {margin-bottom: 5px;}
}

@media (max-width: 480px) {
	#headerwrap h1 span {font-size: 30px !important;}
}

.home .aktuelles h3 {font-size: 26px;}
.home .aktuelles img {max-width: 200px !important;}



/*
.navbar-nav > li > .dropdown-menu {
    display: block;
}*/