/* CSS Document */
* {margin: 0; padding: 0;}
/* htmlements */
body {
	background: #F1FBF1 url(../imgs/hgs/hg_body.gif) left top repeat-x;
	height: 100%;
	margin: 0 0 10px;
	text-align: center;
	font: normal normal normal 11px Verdana,Arial,sans-serif;
	color: #666;
}
h1 {
	font: normal normal bold 12px Verdana,Arial,sans-serif;
	color: #679468;
	letter-spacing: 0.05em;
	margin: 0px 0px 5px 140px;
}
h2 {
	font: normal normal bold 11px Verdana,Arial,sans-serif;
	color: #679468;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
}
h2 a{
	text-decoration: none;
	color: #751311;
	padding: 0 3px;
}
h2 a:hover{
	background: #FFF;
}
table#imp p{
	font: normal normal normal 11px Verdana,Arial,sans-serif;
	padding: 0px 0px 12px 0px;
}
table#imp p.re{
	text-align: right;
	padding: 0px 16px 12px 0px;
}
table#imp a.fdv{
	text-decoration: none;	
	color: #6F6866;
	margin-left: -2px;
}
table#imp a.fdv:hover{
	color: #007CC3;
	background: none;
}
/* Formular */
form {
	width: 530px;
	border: 1px solid #679468;
	padding: 15px 0px;
}
input {
	border: 1px solid #BCDBBC;
	font: 11px Verdana,Arial,sans-serif;
	color: #666;
	background-image: linear-gradient(#FFF, #EFEFEF);
}
textarea {
	border: 1px solid #BCDBBC;
	font: 11px Verdana,Arial,sans-serif;
	color: #666;
	background-image: linear-gradient(#FFF, #EFEFEF);
}
select {
	background-image: linear-gradient(#FFF, #EFEFEF);
	font-size: 11px;
	border: 1px solid #BCDBBC;
}
/* Individivs */
#pg-wrp {
	margin: 0 auto;
	text-align: left;
	width: 860px;
}
#pg-content {
/*margin-top: 167px;*/
}
#pg-footer {
	border: 1px solid #BCDBBC;
	border-radius: 5px;
	margin-top: 25px;
	padding: 2px 0px;
	background: #DDFFDD;
	text-align: center;
	font: normal normal normal 11px Arial,Helvetica,sans-serif;
	letter-spacing: 0.05em;
	color: #777;
}
#pg-footer a{
	color: #999;
	text-decoration: none;
	padding: 3px 5px;
}
#pg-footer a:hover{
	color: #FFF;
	background: #BCDBBC;
}
#pg-head {
/*	position: absolute;
	top: 75px;*/
	width: 858px;
	height: 120px;
	margin: 25px 0;
	border: 1px solid #BCDBBC;
	border-radius: 15px;
	background: url(../imgs/hgs/hg_pg-head.gif) left top no-repeat;
/*	left: 14px;*/
}
#hdline {
	float: right;
	width: 645px;
	text-align: right;
	font: normal normal bold 17px Helvetica,Arial,sans-serif;
	letter-spacing: 0.45em;
	color: #679468;
	margin-top: 72px;
	padding: 3px 14px;
	background: url(../imgs/hgs/hg_hdline.png) right top repeat-y;
}
#navs {
	width: 120px;
	float: left;
	height: 100%;
	margin-top: 70px;
}
#inn {
	width: 720px;
	float: right;
}
#inn.fotosdohd{
	background: url(../imgs/hgs/hg_fotos_dohd.gif) left top no-repeat;
	height: 540px;
}
#inn.fotosdohd h2{
	padding: 5px;
	width: 480px;
	background: rgba(255,255,255,0.5);
	margin: 15px auto;
}
#inn p a{
	text-decoration: none;
	color: #679468;
	padding: 1px 2px;
}
#inn p a:hover{
	color: #751311;
	background: #FFF;
}
#inn_li {
	float: left;
	width: 350px;
}
#inn_re {
	float: right;
	width: 350px;
}
#inn_vas {
	float: left;
	width: 550px;
	margin-left: 85px;
}
#inn_vas h2{
	margin-top: 15px;
}
#clearer {
	clear: both;
}
#idx_slider {
	width: 320px;
	height: 300px;
	background: #FAFEFA;
	border: 1px solid #BCDBBC;
}

/* klassen */
.navi {
	color: #888;
	margin-bottom: 25px;
	padding: 0 7px;
	display: block;
	text-decoration: none;
}
a.navi:hover {
	color: #FFF;
	background: #BCDBBC;
}
.navida {
	color: #666;
	margin-bottom: 25px;
	padding: 0 7px;
	display: block;
	background: url(../imgs/hgs/hg_navida.png) left center no-repeat;
}
.fett{
	font-weight: bold;
}
.thmbs {
	border: 1px solid #BCDBBC;
	margin: 3px 16px 5px 0;
	padding: 1px;
	float: left;
}
.wech {
	display: none;
}
.durch{
	text-decoration: line-through;
}
/*=== Für Speiseplanfenster ===*/
#spplns {
	width: 320px;
	height: 300px;
	border: 1px solid #BCDBBC;
/*	background-image: linear-gradient(#FFF, #D0F1D0);*/
/*	background: url(../imgs/hgs/weihn_clips.gif) center top no-repeat;*/
}
#spplns h1{
	font: normal normal bold 11px Verdana,Arial,sans-serif;
	color: #679468;
	letter-spacing: 0.05em;
	margin: 2px 0px 2px 5px;
}
#spplns h2 {
	font: normal normal bold 10px Verdana,Arial,sans-serif;
	color: #679468;
	line-height: 10px;
	margin-left: 5px;
}
#spplns h2.re {
	text-align: right;
	margin-right: 5px;
}
#spplns p{
	margin: -3px 3px 7px 5px;
	line-height: 11px;
}
#kasten{
	padding: 3px 0;
	background: rgba(255,255,255,0.6);
}
#kasten h2{
	font-weight: normal;
}
.weihn8 {
	height: 150px;
	background: url(../imgs/hgs/weihn_clips.gif) center -35px no-repeat;
}
.weihn8 h1{
	text-align: center;
	padding-top: 10px;
	color: #751311;
	text-shadow: 3px 3px 1px #FFF;
}
/*--- Wochen der 100-jährigen ---*/
#hundert{
	width: 310px;
	height: 96px;
	background: url(../imgs/hgs/hg_100-ige.gif) no-repeat;
	margin-top: -11px;
}
#hundert h1{
	text-shadow: 1px 1px 1px #000;
}
#hundert h2{
	font-size: 11px;
}
.distante100er{
	height: 64px;
}
/*--- Hausmannskostwochen ---*/
#hauskost{
	width: 310px;
	height: 69px;
	background: url(../imgs/hgs/hg_hauskost.gif) no-repeat;
	margin-top: -8px;
	margin-bottom: -20px;
}
/*--- Blinker ---*/
.blinki {
	display: inline;
	font-weight: bold;
	animation-name: blinker;                /* Name der Animation*/
	animation-duration: 0.5s;               /* Dauer der Animation*/
	animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/
}

@keyframes blinker {
	0% { opacity: 1 }
	50% { opacity: 0 }
	100% { opacity: 1 }
}
/*=== für Datenschutz-Seite ===*/
#inn.datsch{
	margin: 15px 0 0 15px;
	font-size: 11px;
}
#lefz{
	float: left;
	width: 156px;
	font-weight: bold;
	color: #679468;
}
#reiz{
	float: right;
	width: 510px;
	margin-right: 47px;
}
#reiz p.eingrckt{
	margin: 5px 0 0 15px;
}
dl.datsch{
	margin: 5px 0 5px 15px;
}
dl.datsch dt{
	width: 56px;
	float: left;
}
dl a{
	text-decoration: none;
	color: #679468;
	padding: 1px 2px;
}
dl a:hover{
	color: #751311;
	background: #FFF;
}
.distante {
	clear: both;
	height: 11px;
}
/*=== Ende für Datenschutz-Seite ===*/

/*=== COVID-19 ===*/
#covid19 {
	margin: 25px 0;
	border: 2px dotted #751311;
	background: #FFF;
}
#covid19 h1{
	text-align: center;
	padding-top: 10px;
	color: #751311;
	text-shadow: 3px 3px 1px #FFF;
}
#covid19 p{
	line-height: normal;
}

/*=== Hitze-Infos ===*/
#hitze23 {
	margin: 25px 0;
	border: 1px solid #679468;
	border-radius: 5px;
	background: rgba(255,255,255,0.6);
}
#hitze23 h1{
	text-align: center;
	margin: 5px 0;
}
#hitze23 p{
	line-height: normal;
}

/*=== Lauftext ===*/
.marquee{
	max-width: 100vw; /* iOS braucht das */
	white-space: nowrap;
	overflow: hidden; /* hier weitere Eigenschaften einfügen: font-size, color usw. */
/*	color: #751311;
	border: 1px dotted #751311;*/
}
.marquee span{
	display: inline-block;
	padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
	animation: marquee 15s linear infinite;
}
/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
.marquee span:hover{
	animation-play-state: paused 
}
/* Make it move */
@keyframes marquee{
	0% {transform: translate3d(0,0,0);}
	100% {transform: translate3d(-100%,0,0);}
}

/*=== Hinweisfeld ===*/
#hinweis {
	height: 300px;
	width: 600px;
	margin: 25px auto -10px;
	border: 1px solid #BCDBBC;
	border-radius: 5px;
	background: #DDFFDD url(../bilder/2023-06-24_jpw.jpg) 0px 37px no-repeat;
}
#hinweis h1{
	margin: 3px 0;
	text-align: center;
}