/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! colorbox */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(images-colorbox/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(images-colorbox/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(images-colorbox/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(images-colorbox/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/* Styles
------------------------------------------------------------------------------------------------- */
html
{
	box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/* Links
--------------------------------------------------------------------------- */
a,
a:visited
{
	color: #FFC000;
	text-decoration: none;
}

a:hover,
a:focus,
a:active { color: #109A29; }

/* Silbentrennung
-------------------------------------------------- 
body
{
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}


/* Fonts
--------------------------------------------------------------------------- */

/* roboto-slab-600 - 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: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-slab-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-slab-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v34-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-slab-v34-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-slab-v34-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-slab-v34-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* Iconfont
-------------------------------------------------- */

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

.mobilemenu a::after,
a::before,
a.external::before,
.zurueck a::before,
.weiter a::after,
.up a::after,
.booknav .next a::after,
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: .1em;
  width: 1em;
  text-align: center;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a.scrolltotop::before
{
	margin: 1em .25em;
}

.icon-email:before {
  content: "\e90a";
}
.icon-close:before {
  content: "\e900";
}
.icon-document-new-window:before {
  content: "\e901";
}
.icon-document:before {
  content: "\e902";
}
.icon-down:before {
  content: "\e903";
}
.icon-left:before {
  content: "\e904";
}
.icon-link-external-new-window:before {
  content: "\e905";
}
.icon-link-external:before {
  content: "\e906";
}
.icon-menu:before {
  content: "\e907";
}
.icon-right:before {
  content: "\e908";
}
.icon-up:before {
  content: "\e909";
}

/* Icons
-------------------------------------------------- */

a.scrolltotop::before { content: '\e909'; }

/* Schriftarten
-------------------------------------------------- */
body { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; }

nav,
h1,
h2,
h3,
h4,
h5,
h6,
a,
ul.rezepte,
.markttage
{
	font-family: 'Roboto Slab';
	font-weight: 600;
}

.angebot em,
.news em
{
	font-family: 'Roboto Slab';
	font-weight: 600;
}


/* Schriftgröße
-------------------------------------------------- */

html
{ 
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

h1 
{ 
	font-size: 1.8em; 
}

h2
{
	font-size: 1.4em;
}

h3
{
	font-size: 1.2em;
}

footer
{
	font-size: .8em;
}

/* sub
-------------------------------------------------- */
sup, sub {
   position: relative;
   vertical-align: baseline;
   top: -0.4em;
}

sub { top: 0.4em; }

sup
{
	color: #F00;
}


/* Note
-------------------------------------------------- */

.abler
{
	color: #333;
	font-size: .75em;
	margin: 2em 0 0 0;
	padding: 10px;
}
/* Farben
------------------------------------------------------------------------------------------------- 

Orange: #FFC000
Grün: #109A29
Rot: #F00

*/


/* Layout
------------------------------------------------------------------------------------------------- */

body
{
	background-color: #fff;
	padding-bottom: 6rem;
}

.wrapper
{
	max-width: 1200px;
	margin: 0 auto;
}

header
{
	background-color: #fff;
	color: #222;
	border-bottom: 4px solid #109A29;
	text-align: center;
}
/* Schnee
-------------------------------------------------- 
header
{
	background-color: #fff;
	color: #222;
	border-bottom: 4px solid #109A29;
	box-shadow: inset 0 -5px 0 0 #E4EAF3;	
	text-align: center;
}
/* Ende Schnee
-------------------------------------------------- */


.logo
{
	margin: 1rem auto -.2rem auto;
}	

@media only screen and (min-width: 600px)
{

	.logo
	{
		width: 50%;
	}
}


main
{
	background-color: #fff;
	display: grid;
	padding: 1rem;
}

.col-1
{
	grid-gap: 20px;
	grid-template-columns: 1fr;
	
}

.col-2
{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.col-x
{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 200px;
	

.border-black
{
	border: 1px solid #000;
	padding: 10px 10px 0 10px;
}
}


@media only screen and (min-width: 660px)
{

	.col-2
	{
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}
}


.img-75
{
	width: 75%;
	margin: 0 12.5%;
}

.img-50
{
	width: 50%;
	margin: 0 25%;
}


footer
{
	background-color: #FFC000;
	color: #fff;
	display: grid;
	grid-template-columns: 15% 1fr 15%;
	align-items: center;
}

footer .inner
{
	padding: 0 10px 0 10px;
}

.gans-logo
{
	margin-top: -25%;
	margin-bottom: -25%;
	padding: 0 15%
}

.siegel
{
	padding: 0 20%;
}


/* Gesundgefluegel.de
-------------------------------------------------- */

.gesundgefluegel
{
	text-align: center;
}

@media only screen and (min-width: 600px)
{
	.gesundgefluegel strong
{
	font-size: 2em;
}
}

/* Listen
-------------------------------------------------- */

dl.garzeiten {
}
dl.garzeiten dt{
font-weight: bold;}

dl.garzeiten dd
{
 margin: 0 0 1em 0;
}
/* Dropshadow
-------------------------------------------------- */

.dropshadow
{
	filter:drop-shadow(2px 2px 2px #888);
}

@media only screen and (min-width: 600px)
{
	.dropshadow
	{
		filter:drop-shadow(5px 5px 5px #888);
	}
}

.dropshadow-s
{
	filter:drop-shadow(2px 2px 1px #888);
}

@media only screen and (min-width: 600px)
{
	.dropshadow-s
	{
		filter:drop-shadow(3px 3px 3px #888);
	}
}


/* illustration
-------------------------------------------------- */

.illustration
{
	width: 100%;
	margin: 2rem auto 2rem auto;
}


@media only screen and (min-width: 600px)
{

	.illustration
	{
		width: 50%;
	}
	
}

/* Inhaltsbreite
-------------------------------------------------- */

@media only screen and (min-width: 600px)
{

	.mitarbeitend main
	{
		width: 50%;
		margin: 0 auto;
	}

}

/* Angebote
-------------------------------------------------- */

.angebot em,
{
	font-size: 1em;
	font-style: normal;
}

.angebot 
{
	border: 5px solid #FFC000;
	border-radius: .5rem;
	margin-bottom: 1rem;
}

.angebot .inner
{
	padding: 0 1rem;

}

.angebot h3
{
	background-color: #FFC000;
	color: #FF0000;
	margin: 0;
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.angebot-entry div p
{
	margin: 0;
}

.angebot .inner div { border-bottom: 1px solid #ccc; }
.angebot .inner div:nth-last-of-type(1) {border: none; }

.angebot strong
{
	color: #FF0000;
}

.angebot .kommentar
{
	font-family: courier;
	font-weight: bold;
	font-size: 1.25em;
	margin: .5em;
}



@media only screen and (min-width: 600px)
{

	.angebot
	{
		margin: 0 10% 1rem 10%;
	}

}

/* News
-------------------------------------------------- */

.news 
{
	border-radius: .5rem;
	margin-bottom: 2rem;
}

.news.aktuell
{
	border: 5px solid #FFC000;
}

.news.demnaechst
{
	border: 5px solid #109A29;
}

.news.frischgekocht
{
	border: 5px solid #FFC000;
}

.news .inner
{
	padding: 0 1rem;

}

.news h3
{
	margin: 0;
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.news.aktuell h3
{
	background-color: #FFC000;
	color: #F00;
}

.news.demnaechst h3
{
	background-color: #109A29;
	color: #fff;
}

.news.frischgekocht h3
{
	background-color: #FFC000;
	color: #FF0000;
}

.news-entry.center,
.center
{
	text-align: center;
}

.news.bayerische-wochen
{
	background-image: url(../media/bayerische-wochen.svg);
}




/* Grün
-------------------------------------------------- */
.news.gruen
{
	border: 5px solid #109A29;
}
.news.gruen h3
{
	background-color: #109A29;
	color: #fff;
}

/* Rot
-------------------------------------------------- */
.news.rot
{
	border: 5px solid #FF0000;
}
.news.rot h3
{
	background-color: #FF0000;
	color: #FFF;
}
/* 
-------------------------------------------------- */

.news-entry.markt div { border: none; }
.news-entry.markt h2
{
	color: #000 !important;
	background-color: #FFF !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.news-entry.markt h3
{
	color: #FFC000 !important;
	background-color: #FFF !important;
	margin: 0 !important;
	padding: 0 !important;
}

.news-entry.markt p
{
	margin: 0 0 .5em 0 !important;
	padding: 0 !important;
}


.news .inner div { border-bottom: 1px solid #ccc; }
.news .inner div:nth-last-of-type(1) {border: none; }

@media only screen and (min-width: 600px)
{

	.news
	{
		margin: 0 10% 1rem 10%;
	}

}

.news em
{
	font-size: 1em;
	font-style: normal;
}

/* Rezepte
-------------------------------------------------- */

div.rezepte
{
	display: grid;
	font-size: 1.5em;
	grid-gap: 50px;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	text-align: center;
}
	
.rezept .rezepttext
{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

ul.weitere-rezepte {
list-style: none;
padding-left: 0;
}

/* Jobs
-------------------------------------------------- */
.jobliste
{
	padding-bottom: 2em;
}
.jobliste li
{
	margin: 1em auto 2em auto;
	font-size: 1.5em;
}


/* Wochenmaerkte
-------------------------------------------------- */

.markttage>div
{
	background-color: #FFF4D3;
	//border: 1px solid #109A29;
	padding: .5em;
}

.markttage h2
{
	margin: 0 0 0 0;
}

.markttage h3
{
	margin: 1em 0 0 0;
}

.markttage p
{
	margin: 0 0 0 0;
}

.maerkte h2
{
	margin-top: 0;
}

.marktzeiten h3
{
	margin: 1em 0 0 0;
}

.marktzeiten p
{
	font-weight: bold;
}


.wochenmaerkte .maerkte a,
.wochenmaerkte .markttage a
{
	color: #000;
}

.wochenmaerkte .maerkte a span
{
	color: #FFC000;
}

.wochenmaerkte a:hover h2,
.wochenmaerkte a:hover h3,
.wochenmaerkte a:hover p,
.wochenmaerkte a:hover span
{
	color: #109A29;
}




/* Team
-------------------------------------------------- */

.team a .mitarbeiter
{
	color: #000;
}

.team a .mitarbeiter span
{
	color: #FFC000;
}

a .mitarbeiter
{
	color: #000;
}

.mitarbeiter h2
{
	font-size: 1.2em;
	margin-top: 1em;
}

/* Sortiment
-------------------------------------------------- */





/* 
-------------------------------------------------- */
.stoehrer
{
	width: 50%;
	margin: 0 auto;
	transform:rotate(15deg);
	margin-bottom: 1rem;
	
}


@media only screen and (min-width: 600px)
{
	.stoehrer
	{
		width: 20%;
		margin: 0 1rem -8rem 0;
		float: right;
	}

}


/* Headlines
--------------------------------------------------------------------------- */

h1,
h2,
h3
{
	color: #222;
}

h2
{
	margin: 1.5em 0 0.5em 0;
}

h3
{
	margin: 2em 0 0 0;
}

main h1 + h3 { margin-top: 0; }
main h2 + h3 { margin-top: 0; }


/* Bilder
--------------------------------------------------------------------------- */
img
{
	max-width: 100%;
	height: auto;
}

figure
{
	margin: 0;
}

figcaption
{
	font-size: .8em;
}

figure img
{
	width: 100%
}

figure.border img
{
	border: 1px solid #ccc;
}


/* Navigation
--------------------------------------------------------------------------- */

.mobilemenu
{
	display: none;
	font-size: 25px;
	padding: 10px;
	text-align: center;
}

nav ul
{
	margin: 1rem auto 0 auto;
	text-align: center;
}

nav ul { padding: 0; }
nav li { display: inline; padding: 0 1em;}

nav a,
nav a:visited
{
	color: #000;
	font-size: 1.5em;
	line-height: 1.5em;
	text-decoration: none;
}

.home nav .home,
.wochenmaerkte nav .wochenmaerkte,
.sortiment nav .sortiment,
.team nav .team,
.mitarbeitend nav .team,
.jobs nav .jobs,
.rezepte nav .rezepte,
.kontakt nav .kontakt,
nav a:hover,
nav a:focus,
nav a:active { color: #FFC000; }

@media only screen and (min-width: 600px)
{
	nav a,
	nav a:visited
	{
		font-size: 1.5em;
		line-height: 2em;
	}
}

/* Main
--------------------------------------------------------------------------- */

ul li::marker, 
ol li::marker {
  color: #FFC000;
}



/* Footer
--------------------------------------------------------------------------- */

footer a,
footer a:visited
{
	color: #fff;
	padding: 6px 0 6px 0;
	text-decoration: none;
}

footer a:hover,
footer a:focus,
footer a:active { color: #629C58; }

footer a[href^="tel"]:link,
footer a[href^="tel"]:visited
{
    color: #999 !important;
}

/*
address
{
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* up
-------------------------------------------------- */

/* Scrolltotop
-------------------------------------------------- */
a.scrolltotop
{
	background-color: #fff;
	font-size: 1.5em;
	opacity: 0.85;
	position:fixed;
	bottom: 3rem;
	border-radius: 1em;
	border: 2px solid #5DCD41;
}

@keyframes pulse {
  from {
    opacity: .95;
  }

  to {
    opacity: .7;
  }
}

.scrolltotop {
  animation-duration: 2s;
  animation-delay: 0.25s; 
  animation-name: pulse;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Navigationswiederholung
-------------------------------------------------- */

.navrepeat
{
	font-size: 12px;
	clear: both;
	margin: 0 10px;
}

.navrepeat ul { padding: 0; }
.navrepeat li { display: inline; }

.navrepeat a,
.navrepeat a:visited
{
	color: #999;
	text-decoration: none;
	padding: 6px 1em 6px 0;
}

.navrepeat a:hover,
.navrepeat a:focus,
.navrepeat a:active { color: #666; }

/* Servicemenü
-------------------------------------------------- */

.nav-service
{
	font-size: 12px;
}

.nav-service ul { padding: 0; }
.nav-service li { display: inline; }

.nav-service a,
.nav-service a:visited
{
	padding: 6px 1em 6px 0;
	text-decoration: none;
}


/* Address
-------------------------------------------------- */

address
{
	font-style: normal;
}

/* Webdesign
--------------------------------------------------------------------------- */
.webdesign 
{
 margin: 4em 0 1em 0;
}

.rabe
{
height: 2em;
position: relative;
top: -0.5em;
}

.wdauth
{
	font-size: 10px;
	line-height: 1.25;
	padding: 2px;
	text-align: right;
	margin-top: 1rem;
}

.wdauth a,
.wdauth a:visited
{
	color: #bbb;
	text-decoration: none;
}

.wdauth a:hover,
.wdauth a:focus,
.wdauth a:active { color: #999; }



/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.nowrap { white-space: nowrap; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print
{
	*,
	*:before,
	*:after
	{
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	
	a,
	a:visited { text-decoration: underline; }
	/*a[href]:after { content: " (" attr(href) ")"; }*/
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="#"]:after,
	a[href^="javascript:"]:after { content: ""; }

	pre,
	blockquote
	{
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead { display: table-header-group; }
	tr,
	img { page-break-inside: avoid; }
	img { max-width: 100% !important; }

	p,
	h2,
	h3
	{
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 { page-break-after: avoid; }
}