header, section, footer, aside, nav, main, article, figure {
display: block;
}

@font-face {
font-family: 'Noto Sans Black';
src: url(../fonts/NotoSansDisplay-Black.ttf);
}

@font-face {
font-family: 'Noto Sans ExtraBold';
src: url(../fonts/NotoSansDisplay-ExtraBold.ttf);
}

@font-face {
font-family: 'Noto Sans Light';
src: url(../fonts/NotoSansDisplay-Light.ttf);
}

@font-face {
font-family: 'Noto Sans Regular';
src: url(../fonts/NotoSansDisplay-Regular.ttf);
}

@font-face {
font-family: 'Noto Sans SemiBold';
src: url(../fonts/NotoSansDisplay-SemiBold.ttf);
}

@font-face {
font-family: 'Noto Sans ExtraLight';
src: url(../fonts/NotoSansDisplay-ExtraLight.ttf);
}

@font-face {
font-family: 'Noto Sans Thin';
src: url(../fonts/NotoSansDisplay-Thin.ttf);
}

@font-face {
font-family: 'Dancing Script';
src: url(../fonts/DancingScript-Bold.ttf);
}

.blue-bg-design {
display: inline-block;
padding: 10px 32px 10px 32px;
background: #05417B;
color: #FDC401;
margin: 0 0 18px 0;	
}

.white-bg-design {
display: inline-block;
padding: 10px 32px 10px 32px;
background: transparent!important;
color: #05417B;
margin: 0 0 18px 0;	
}

.yellow-text {
color: #FDC401;
}

.yellow-bg {
background: #FDC401;
}

a {
	color: #05417b;
	transition: color 250ms ease;
}

a:hover {
	text-decoration: none;
	color: #fdc401;
}

.blue-bg{
background: #05417B!important;	
}

.white-bg {
background: transparent!important;
}

.blur {
	filter: blur(30px);
	height: 50px;
	background: #000;
}

html, body {
width: 100%!important;
min-height: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
font-family: 'Noto Sans Light';
font-size: 21px;
background: url('../upload/design/bg_w.png')!important;
overflow-x: hidden;
}

#header {
width: 100%;
padding: 0;
height: 700px;
overflow: hidden;
-webkit-transition: background 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
-moz-transition: background 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
-o-transition: background 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
transition: background 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
background-size: 100% auto;
background-position: center center;
background: url('../upload/bilder/header.jpg') no-repeat;
position: relative!important;
}



#header-welcometext-outer-screen {
	position: absolute;
	bottom: 0;
	transition: all 250ms ease!important;
}

#impressum-content {
padding: 40px!important;
}

#header-welcometext {
	background: url('../upload/design/bg_w.png') repeat;
	padding: 30px 0 20px 0;
	text-align: center;
}


#header-welcometext h1 {
	padding: 0 0 18px 0;
	margin: 0 0 24px 0;
	font-size: 60px;
	position: relative;
	display: inline-block;
}

#header-welcometext h1:after {
	position:absolute;
	display: block;
	height: 1px;
	width: 20%;
	bottom: 0;
	left: 40%;
	background: #05417B;
	content: "";
}

#header-welcometext h2 {
	font-size: 28px;
	margin: 0;
	padding: 0;
	color: #FDC401;
	font-family: 'Noto Sans Regular';
}

h1, h2, h3{
font-family: 'Noto Sans Thin';
text-transform: uppercase;
color: #05417B;
}

h1 {
font-size: 54px;
}

.uppercase {
text-transform: uppercase;
}

p {
color: #000;
font-size: 19px;
line-height: 1.65;
margin-bottom: 14px;
}

p.white-text {
color: #fff;	
}

#navigation-wrapper {
padding: 30px 0  0 0;
}


#myNavbar {
width: 100%;
}
.navigation-logo {
text-align: center;
padding-top: 0;
padding: 0 25px 0 25px;
}

.navigation-logo img {
width: 100%;
max-width: 200px;
height: auto;
}

.navigation-container {
padding: 0!important;
}

#navigation-list-wrapper {
background: transparent;
}
	
.navigation-list {
padding: 30px 0 0 0;
}

.main-navi {
}

#main-navi {
}

#main-navi li {
margin: 0;
padding: 0 0px 0 0px;
}

#main-navi li a {
font-family: 'Noto Sans Regular';
font-size: 24px;
color: #ffffff;
margin: 0;
padding: 0 0 12px 0;
text-transform: uppercase;
border-radius: 0px;
-webkit-transition: border 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
-moz-transition: border 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
-o-transition: border 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
transition: border 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
border: 0;
border-bottom: 1px solid transparent;
white-space: nowrap;
text-shadow: 0px 0px 5px #000;
}

#main-navi li a:hover {
background: transparent;
border-bottom: 1px solid #ffffff;
}

#main-navi li a:active,
#main-navi li a:focus {
	background: transparent!important;
	outline: none!important;
}

#navi-vorbestellen {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

#navi-vorbestellen a {
	padding: 6px 18px 6px 18px;
	background: #ffffff;
	border: 2px solid #05417b;
	font-size: 16px;
}

#navi-vorbestellen a:hover {
	color: #ffffff!important;
	background: #05417b!important;
	border: 2px solid #FDC401;
}

#content {
	background: #05417B;
}


#content .container {
	padding: 30px;
	background: transparent!important;
}

.align-center {
	text-align: center!important;
}

#ueber-uns {
}

.ueber-uns-bild {
	padding: 15px 15px 0 0;
}

.ueber-uns-text {
	padding: 15px 0 0 30px;
}

p.handwritten {
	text-align: right;
	font-family: 'Dancing Script';
	font-size: 28px;
	padding: 12px 0 0 0;
	color: #05417B;
	font-style: italic;
	transform: rotate(356deg);
}

.ueber-uns-bild img {
width: 100%;
height: auto;
}

#qualitaet-wrapper {
padding: 0!important;
}

#ueber-uns-wrapper, #historie-wrapper, .qualitaet-wrapper-transparent, #news-wrapper, #speiseplan-wrapper, #karriere-wrapper {
	padding:  50px 0 80px 0!important;
}

#kontakt-wrapper {
	padding: 0px!important;
}


.qualitaet-wrapper-transparent {
background: rgba(255,255,255,0.90);
background: transparent;
}

#news-wrapper, #speiseplan-wrapper {
	background: #05417B;
}

#speiseplan-wrapper {
	padding: 0!important;
	background: url('../upload/bilder/speiseplan_bg.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
}

#speiseplan-wrapper-inner {
	/*background: rgba(5,65,123,0.7);*/
	background: rgba(30,30,30,0.7);
	padding: 100px 0 120px 0!important;
}

#historie-wrapper h2, #qualitaet-wrapper h2, #news-wrapper h2, #ueber-uns-wrapper h2, #kontakt-text h2, 
#oeffnungszeiten h2, #speiseplan-wrapper h2, #karriere-wrapper h2, #bestellformular h2{
	color: #ffffff;
	position: relative;
	display: inline-block;
	font-size: 48px;
	padding: 0 0 24px 0;
	margin: 0 0 24px 0;
}

#historie-wrapper h3.subheadline, #qualitaet-wrapper h3.subheadline, #news-wrapper h3.subheadline,
#ueber-uns-wrapper h3.subheadline, #kontakt-text h3.subheadline, #oeffnungszeiten h3.subheadline,
#speiseplan-wrapper h3.subheadline, #karriere-wrapper h3.subheadline, #bestellformular h3.subheadline {
	font-size: 28px;
	margin: 0;
	padding:0;
	font-family: 'Noto Sans Regular';
}

#historie-wrapper h2:after, #qualitaet-wrapper h2:after,
#news-wrapper h2:after, #ueber-uns-wrapper h2:after, #kontakt-text h2:after,
#oeffnungszeiten h2:after, #bestellformular h2:after, #speiseplan-wrapper h2:after, #karriere-wrapper h2:after{
width: 20%;
height: 1px;
content: "";
position: absolute;
bottom: 0;
left: 40%;
background: #ffffff;
}

#qualitaet-wrapper h2, #ueber-uns-wrapper h2, #oeffnungszeiten h2, #karriere-wrapper h2, #bestellformular h2  {
	color: #05417B!important;
}

#qualitaet-wrapper h2:after, #ueber-uns-wrapper h2:after, #oeffnungszeiten h2:after, #karriere-wrapper h2:after,
#bestellformular h2:after  {
background: #05417B!important;
}

#bestellformular .kontakt-text-inner p {
	color:#05417B!important;
}

.bestellformular-inner {
padding-top: 12px;
}

.bestellformular-input-wrapper label {
	width: 100%;
	font-size: 16px;
	background: #05417B;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	padding: 4px 0 4px 0;
}

.bestellformular-input-wrapper {
	padding: 0 6px 12px 6px;
}

.input-no-padding {
padding: 0!important;	
}

input#abholzeit {
	border-left: 1px solid transparent;
}

.bestellformular-input-wrapper textarea {
	width: 100%;
	font-size: 16px!important;
	padding: 10px!important;
	min-height: 200px;
	background: transparent;
	transition: all 250ms ease;
	border: 1px solid #05417b;
}

.bestellformular-input-wrapper input {
box-shadow: 0 0 0 0;
height: 40px;
width: 100%;
border: 1px solid #05417b;
font-size: 16px;
padding: 4px 0px 4px 6px;
background: transparent;
transition: all 250ms ease;
}


.bestellformular-input-wrapper input:focus, .bestellformular-input-wrapper input:active,
.bestellformular-input-wrapper textarea:focus, .bestellformular-input-wrapper textarea:active {
background: #ffffff;
outline: none;
box-shadow: 0 0 0 0;
}

.bestellformular-input-datenschutz {
	padding-top: 6px;
}

.bestellformular-input-submit {
padding-top: 25px;	
}

.bestellformular-input-submit button {
background: transparent;
border: 2px solid #05417b;
width: 100%;
padding: 8px 0 8px 0px;
text-transform:uppercase;
font-size: 16px;
transition: all 250ms ease;
font-family: 'Noto Sans SemiBold';
color: #05417b;
}

.bestellformular-input-submit button:hover {
background: #05417b;
color: #ffffff!important;
}

.bestellformular-input-datenschutz input {
width: 14px;
height: 14px;
}

.bestellformular-input-datenschutz label {
	font-size: 16px!important;
	padding-left: 6px;
}

.historie-timeline-wrapper {
	padding-top: 48px;
}

.js .cd-h-timeline__dates::before,
.js .cd-h-timeline__dates::after {
	background: transparent!important;
}

.cd-h-timeline__line ol li a {
	color: #fff!important;
	font-size: 18px!important;
	font-family: 'Noto Sans Light'!important;
}

.cd-h-timeline__line ol li a:active,
.cd-h-timeline__line ol li a:focus {
	outline: none!important;
}

.js .cd-h-timeline__filling-line, .js .cd-h-timeline__date--selected::after,
.js .cd-h-timeline__date--selected:hover::after   {
	background: #FDC401!important;
}

.js .cd-h-timeline__date--selected::after {
	border: transparent!important;
}

.cd-h-timeline__event-date  {
	background: #ffffff!important;
	display: inline-block!important;
	padding: 4px 20px 4px 20px!important;
	color: #05417B!important;
	font-style: normal!important;
	margin: 0 15px 0 0!important;
	font-size: 24px!important;
}

.cd-h-timeline__event-title {
	font-size: 28px!important;
	margin: 0!important;
	padding: 4px 0 0 0!important;
	font-family: 'Noto Sans Thin'!important;
	color: #ffffff!Important;
	display: inline-block!important;
	position: relative!important;
}

.cd-h-timeline__event-title:after {
    width: 20%;
    height: 0px!important;
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    background: transparent!important;
}

.historie-element-p {
	padding: 22px 0 0 0;
}

.historie-element-p-inner {
	padding: 0 0 0 30px;
}

.historie-element-p p {
	color: #ffffff!important;
	text-align: justify!important;
	line-height: 1.65!important;
}

.js .cd-h-timeline__event-date::before  {
	content: ""!important;
}

.historie-element-img {
	padding: 0!important;
}

.historie-element-img img {
width: 100%;
height: auto;
}

.lb-data .lb-caption {
font-size: 21px!important;
}


.lightboxOverlay {
background: #000!important;
}

.qualitaet-left {
	padding: 30px 0 0 0;
}

.qualitaet-right {
	padding: 30px 0 0 50px;
}

.qualitaet-einleitung {
padding-top: 15px;
}

.qualitaet-button {
padding: 0!important;
}

.qualitaet-fleisch-wurst-wrapper {
padding-top: 15px!important;
}



.qualitaet-button a {
display: block;
color: #fff!important;
background: #05417B!important;
width: 100%;
text-align: center;
padding: 12px 0 12px 0;
transition: all 250ms ease!important;
}

.qualitaet-button a:hover {
background: #FDC401!important;
color: #05417B!important;
text-decoration: none;
}

.qualitaet-button a:active, .qualitaet-button a:focus {
outline: none;
text-decoration: none;
}

#collapseFleisch, #collapseWurst {
padding: 0!important;
}

.qualitaet-text-wrapper {
padding: 0px 0 0 0!important;
}

.qualitaet-left img {
	width: 100%;
	height:auto;
	margin-bottom: 40px;
	filter: grayscale(100%);
	transition: all 250ms ease;
}

.qualitaet-img {
padding: 0px 0 25px 0!important
}

.qualitaet-img img {
width: 100%;
height: auto;
}

.qualitaet-text {
padding: 0px!important;
}

.qualitaet-left img:hover {
	filter: grayscale(0%);
}

.kontakt-map {
	min-height: 200px;
	padding: 100px 0 100px 0;
}

#map {
height: 100%;
position: absolute; 
top: 0; 
bottom: -200px; 
left: 0; 
right: 0; 
z-index: 0;
}

.news-inner {
	padding: 40px 0 0 0!important;
}

.news-termine {
	padding: 0px!important;
}

.termin-element {
	margin-bottom: 25px;
}

.termine-headline, .news-headline {
	text-align: center;
	padding: 0 0 35px 0;
}

.termine-headline h3, .news-headline h3 {
	color: #ffffff;
}

.termin-head {
	background: #FDC401;
	padding: 4px 0 4px 15px;
}

.termin-head p {
	font-family: 'Noto Sans SemiBold';
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.news-bild {
	padding: 0!important;
	overflow: hidden;
}

.news-bild img {
	width: 100%;
	height: auto;
}

.news-element {
	margin-bottom: 30px!important;
	padding: 0!important;
}

.news-element-headline {
	background: #fdc401;
	padding: 12px 15px 24px 18px!important;
}

.news-element-headline h3 {
	margin: 0;
	padding: 0;
	font-size: 26px;
}

.news-element-headline p {
	margin: 0;
	padding: 0;
}

.news-element-headline p.news-date {
	font-size: 16px;
	margin-bottom: 6px;
}

.news-text {
	background: #fff;
	padding: 15px!important;
}

p.termin-name:before, p.termin-date:before, p.termin-time:before, p.termin-location:before {
    width: 21px;
    height: 21px;
    content: ' ';
    display: inline-block;
    position: relative;
    top: 4px;
    background-position: center center;
    margin-right: 10px;
}

p.termin-name:before {
	background: url('../upload/design/event1.png');
	background-size: 20px auto;
	background-repeat: no-repeat;	
}

p.termin-date:before {
	background: url('../upload/design/calendar1.png');
	background-size: 20px auto;
	background-repeat: no-repeat;	
}

p.termin-time:before {
	background: url('../upload/design/time.png');
	background-size: 20px auto;
	background-repeat: no-repeat;	
}

p.termin-location:before {
	background: url('../upload/design/location.png');
	background-size: 20px auto;
	background-repeat: no-repeat;	
}
	
p.termin-name, p.termin-date, p.termin-time, p.termin-location {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.termin-body {
	padding: 15px;
	background: #fff;
}

.termin-body p.bold-p {
	font-size: 18px;
	margin: 0;
	padding: 12px 0 0 0;
}

.termin-body p.beschreibung {
	padding: 0;
	margin: 0;
}
	
.news-call-to {
	padding: 20px 0 20px 0!important;
}

.news-call-to a {
	font-size: 18px;
	border: 2px solid #fdc401;
	color: #fdc401;
	text-transform:uppercase;
	transition: all 250ms ease;
	padding: 6px 20px 6px 20px;
	font-family: 'Noto Sans SemiBold';
}

.news-call-to a:hover {
	background: #fdc401;
	color: #05417B;
}


table.table-termine {
	color: #fff;
	font-size: 19px;
	border-collapse: collapse;
}

table.table-termine thead tr th {
	font-family: 'Noto Sans SemiBold';
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	border: 0px;
}

.karriere-content {
	padding: 10px 0 0 0!important;
}

.karriere-row {
	padding-top: 30px!important;
}

.karriere-bild {
	padding: 0px 25px 15px 25px!important;
}

.karriere-bild img {
	width: 100%;
	height: auto;
}

.karriere-text-left {
	padding-left: 25px!important; 
}

.karriere-text-right {
	padding-right: 25px!important;
}

.karriere-content h3 {
	padding: 0 0 12px 0;
	margin: 0;
	font-size: 26px;
}

p.job-element {
	margin: 0;
	padding: 0 0 6px 0;
}

p.job-element a:before {
    width: 21px;
    height: 21px;
    content: ' ';
    display: inline-block;
    position: relative;
    top: 2px;
    background-position: center center;
    margin-right: 12px;
	background: url('../upload/design/job.png');
	background-size: 21px auto;
	background-repeat: no-repeat;
}

p.job-element a:hover:before {
	background: url('../upload/design/job_hover.png');
	background-size: 21px auto;
	background-repeat: no-repeat;
}

.karriere-text ul {
font-size: 19px;	
list-style-type: disc;
padding: 0 0 15px 50px;
}

.karriere-text ul li {
	padding: 6px 0 0 6px;
}

a#bestellen-button {
	position: fixed;
	left: 10px;
	bottom: 10px;
	padding: 8px 15px 8px 15px;
	border: 2px solid #05417B;
	background: #ffffff;
	display: block;
	z-index: 1000000;
	font-size: 14px;
	text-transform: uppercase;
	
}

a#bestellen-button:hover {
background: #05417b;
color: #ffffff!important;
}

#speiseplan-bg {
height: 100%;
position: absolute; 
top: 0px; 
bottom: 0px; 
left: 0; 
right: 0; 
z-index: 0;	
}

#speiseplan-bg .img-left {
	padding: 100px 0 0px 80px!important;
	text-align: left;	
}

#speiseplan-bg .img-right {
	text-align: right;
	padding: 70px 80px 0 0;
}

#speiseplan-bg img{
	width: 400px;
	height: auto;
}

#speiseplan-text {
	position:relative;
	z-index:10000;
	text-align: center;
}

#speiseplan-text p {
	color: #ffffff;
}

.speiseplan-text-p {
	padding: 20px 0 0 0;
}

.speiseplan-button {
	padding: 30px 0 0 0;
}

.speiseplan-button a {
	background: #ffffff;
	padding: 12px 25px 14px 25px;
	margin: 0;
	font-size: 19px;
	text-transform: uppercase;
	transition: all 250ms ease;
	font-family: 'Noto Sans Semibold';
}

.speiseplan-button a:hover {
	color: #05417B;
	background: #FDC401; 
	text-decoration: none;
	outline: none;
}

.speiseplan-button a:focus, .speiseplan-button a:active {
	outline: none;
	text-decoration: none;
}

#kontakt-text {
  z-index: 100;
  position: relative;
	background: rgba(5,65,123,0.8);
	padding: 40px 0 40px 0;
}

#oeffnungszeiten {
  z-index: 100;
  position: relative;
background: rgba(253,196,1,0.9);
padding: 40px 0 40px 0;
margin-top: 30px;
}


.kontakt-text-inner  {
	padding: 30px 30px 0px 30px;
}

.kontakt-text-inner p {
	color: #ffffff;
	margin: 0;
	padding:0;
}

.kontakt-text-inner a {
	color: #FDC401!important;
	border-bottom: 1px solid transparent;
	padding-bottom: 4px;
	transition: border 200ms ease;
}

.kontakt-text-inner a:hover {
	border-bottom: 1px solid #FDC401;
	text-decoration: none;
}

.kontakt-text-inner a:focus, .kontakt-text-inner a:active {
	outline: none;
	border: 1px solid transparent;
	text-decoration: none;
}

.oeffnungszeiten-inner {
	padding: 20px 30px 0px 30px;
}

.table-oeffnungszeiten {
}

.table-oeffnungszeiten > thead > tr > th, 
.table-oeffnungszeiten  > tbody > tr > th, 
.table-oeffnungszeiten  > tfoot > tr > th, 
.table-oeffnungszeiten  > thead > tr > td, 
.table-oeffnungszeiten  > tbody > tr > td, 
.table-oeffnungszeiten  > tfoot > tr > td  {
	border-top: 0px!important;
	padding: 4px 0 4px 0;
	font-size: 19px;
}

.table-oeffnungszeiten td.oeffnungszeiten-zeit {
text-align: right;	
}

.table-oeffnungszeiten td.current-day {
	font-family: 'Noto Sans SemiBold';
}

#bestellformular {
	z-index: 100;
	position: relative;
	background: rgba(253,196,1,0.9);
	padding: 40px 0 40px 0;
	margin-top: 30px;
}

#footer {
	background: transparent;
	padding: 160px 15px 80px 15px;
}

.footer-left {
	padding-top: 28px;
}

.footer-left img {
	width: 240px;
	height: auto;
}

.footer {
}


#footer h3 {
	font-size: 32px;
	padding: 0 0 18px 0;
	margin: 0;
}

#footer p {
	margin: 0;
	padding: 0;
}

.padding-top-6 {
	padding-top: 6px!important;
}

.padding-top-18 {
	padding-top: 18px!important;
}

#footer p.bold-p, #footer span.bold-p, .bold-p{
	font-family: 'Noto Sans SemiBold';
}

.header-mobile {
display: none;
}

#footer a{
	text-transform: uppercase;
	margin: 0;
	padding: 0 20px 6px 0;
	font-size: 18px;
	font-family: 'Noto Sans SemiBold';
}

.impressum-links {
	padding: 24px 0 0 0;
}

.headline-icon-div{
	text-align: center;
	padding: 12px 0 24px 0;
}

.headline-icon-div img {
	width: 60px;
	height: auto;
}

p.bold-p {
font-family: 'Noto Sans SemiBold'!important;
}

#qualitaet-wurst-wrapper {
padding: 0 25px 0 0!important;
}

#qualitaet-fleisch-wrapper {
padding: 0 0 0 25px!important;
}

.img-mobile {
display:none;
}

.container-fluid {
padding: 0!important;
}

.navbar-header {
display: none!important;
}

.js .cd-h-timeline__container {
    position: relative;
    height: 100px;
    max-width: 100%!important;
}

.js .cd-h-timeline__event-content {
    max-width: 100%!important;
}

#header-welcometext-outer-mobile {
display: none;
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	.navbar-collapse.collapse {
	display: none!important;
	}
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 1200px) 
{
#header {
width: 100%!important;
display: block;
padding: 0;
height: inherit!important;
max-height: 600px;
overflow: hidden;
-webkit-transition: background 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
-moz-transition: background 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
-o-transition: background 0.5s cubic-bezier(0.65, 0, 0.52, 0.95) 0s;
transition: none!important;
background: none;
position: static!important;
z-index: 0;
}

#header img {
width: 100%;
height: auto;
}

.header-mobile {
display: block;
}

.navbar-collapse {
border-top: 0!important;
box-shadow: 0 0 0 0!important;
box-shadow: none!important;
}

.navbar-header{
display :block!important;
border: 0!important;
}

.ueber-uns-text {
padding: 0!important;
}

#navigation-wrapper {
padding: 20px 0  20px 0!important;
background: #05417B;
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #ffffff; 
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
	transition: all 300ms ease;
}



.navbar-toggle span.icon-bar {
background: #05417B!important;
}

.navbar-toggle:hover {
    background-color: #05417B; 
    border: 1px solid #05417B;
}
	
.navbar-toggle:hover span.icon-bar{
	background: #ffffff!important;
}
	
	.img-mobile {
	display:block!important;
	}
	
	.img-mobile img {
	height: 60px!important;
	width: auto!important;
	}
	

	.navigation-logo {
	display: none;
	}
	
.navigation-logo {
text-align: center;
padding-top: 0;
padding: 0 25px 0 25px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
 margin: 0!important;
}

.navigation-logo img {
width: 100%;
max-width: 200px;
height: auto;
}

.navigation-container {
padding: 0!important;
}

#navigation-list-wrapper {
background: transparent;
}

.navigation-list {
padding: 0px 0 0 0!important;
}

.main-navi {
}

#main-navi {
}

#main-navi li {
margin: 0;
padding: 0 0px 0 0px;
}

#main-navi li a {
font-family: 'Noto Sans Regular';
font-size: 24px;
color: #fff;
margin: 0;
padding: 0 0 12px 0;
text-transform: uppercase;
border-radius: 0px;
border: 0!important;
white-space: nowrap;
text-shadow: none!important;
display: block!important;
width: 100%!important;
text-align: center;
}

#main-navi li a:hover {
background: transparent;
border: 0!important;
}


#main-navi li a:active,
#main-navi li a:focus {
	background: transparent!important;
	outline: none!important;
}


#content {
	background: #05417B;
}


#header-welcometext-outer-mobile {
display: block!important;

}

#header-welcometext-outer-screen {
display: none!important;
}

.qualitaet-fleisch-wurst-wrapper {
padding: 20px 0 0 0!important;
}

#qualitaet-wurst-wrapper {
padding: 0 0 12px 0!important;
}

#qualitaet-fleisch-wrapper {
padding: 0 0 12px 0!important;
}

#speiseplan-wrapper {
	padding: 0!important;
	background: url('../upload/bilder/speiseplan_bg.jpg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

#kontakt-text {
margin-top: 500px!important;
}

.footer-left, .footer-mitte {
padding-bottom: 28px!important;
}

.footer-left {
text-align: center;
}

input#abholzeit {
	border-left: 1px solid #05417B;
	margin-top: 2px;
}

}


@media (max-width: 720px) {
#bestellen-button{
	display:none;
}
	
#header-welcometext h1 {
	padding: 0 0 18px 0;
	margin: 0 0 24px 0;
	font-size: 40px;
	position: relative;
	display: inline-block;
}

.cd-h-timeline__event-title {
margin-top: 12px!important;
font-size: 20px!important;
}

.historie-element-p-inner {
padding: 15px 0 0 0!important;
text-align: left!important;
}

#oeffnungszeiten h2 {
font-size: 32px;
}

}

.contact_success h4, .contact_error h4, .contact_success p, .contact_error p {
	color: #fff!important;
}

.contact_success h4, .contact_error h4 {
	text-transform: uppercase;
	font-family: 'Noto Sans SemiBold';
	padding-bottom: 15px;
}

.contact_success p, .contact_error p {
	padding: 4px!important;
	margin: 0;
}

.contact_success {
	padding: 25px;
	color: #fff;
	margin-bottom: 15px;
	background: #27ae60;
}

.contact_error {
	padding: 25px;
	color: #fff;
	background: #c0392b;
	margin-bottom: 15px;
}

#holiday-banner {
	background: #05417B;
	color: #ffffff;
	text-align: center;
	padding: 15px 0 6px 0;
}

#holiday-banner p {
	text-align: center;
	color: #fff;
}

@media (max-width: 340px) 
{
#header-welcometext h1 {
    font-size: 40px!important;
}

#header-welcometext h2 {
    font-size: 20px!important;
								   
					  
}