body { background-color: #eeeeee; background-image: url('/image/background-body.png'); background-repeat: repeat; background-position: center; }
body,td,th,tr,p,div,span,a,b { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; }
img {border:0px}
video {margin-top: 20px;}
.background { background-color: #fbf6ef; margin: 0 }
.anmeldung-head { color: #000; font-size: 13px; font-weight: bold; margin-top: 5px; padding: 5px }
.ubersicht-head { color: #fff; font-size: 13px; font-weight: bold; background-color: #682900; margin-top: 5px; padding: 3px; text-align: center }
.anmeldung-text { font-size: 11px; line-height: 15px; padding: 5px }
.anmeldung-input-lang  { font-size: 11px; line-height: 15px; background-color: #FFFFFF; padding-left: 3px; width: 420px; border-style: solid; border-width: 2px; border-color: #d8cdc8 #d8cdc8 #d8cdc8 #d8cdc8 }
.anmeldung-input-business  { font-size: 11px; line-height: 15px; background-color: #FFFFFF; padding-left: 3px; width: 530px; border-style: solid; border-width: 2px; border-color: #d8cdc8 #d8cdc8 #d8cdc8 #d8cdc8 }
.anmeldung-input-kurz  { font-size: 11px; line-height: 15px; background-color: #FFFFFF; padding-left: 3px; width: 150px; border-style: solid; border-width: 2px; border-color: #d8cdc8 #d8cdc8 #d8cdc8 #d8cdc8 }
.anmeldung-button-kurz  { font-size: 11px; line-height: 15px; background-color: #d8cdc8; padding-left: 3px; width: 152px; border-style: solid; border-width: 2px; border-color: #d8cdc8 #aaa #aaa #d8cdc8 }
.anmeldung-button-kurz-active  { font-size: 11px; line-height: 15px; background-color: #FFFFFF; padding-left: 3px; width: 152px; border-style: solid; border-width: 2px; border-color: #d8cdc8 #d8cdc8 #d8cdc8 #d8cdc8 }
.anmeldung-input-buchen  { font-size: 11px; line-height: 15px; background-color: #FFFFFF; padding-left: 3px; width: 460px; border-style: solid; border-width: 2px; border-color: #d8cdc8 #d8cdc8 #d8cdc8 #d8cdc8; }
.anmeldung-small { font-size: 10px; line-height: 12px; margin: 3px 0 0; padding: 0 }
.kasten-facts     { font-size: 11px; line-height: 15px; background-image: url("../imgnav/schatten_facts.jpg"); background-repeat: repeat-y; background-position: 0 0; padding: 0px 15px 10px; width: 660px }
.kasten-facts-weekend     { font-size: 11px; line-height: 15px; background-color: #efe7cf; background-image: url("../imgnav/schatten_facts.jpg"); background-repeat: repeat-y; background-position: 0 0; padding: 0px 15px 10px; width: 630px }
.kasten-home     { font-size: 11px; line-height: 15px; background-image: url("../imgnav/schatten_home.jpg"); background-repeat: repeat-y; background-position: 0 0; padding: 0px 15px 10px; width: 900px }
.kasten-head   { color: #b29300; font-weight: bold; margin-top: 5px; text-transform: uppercase }
.kasten-text    { font-size: 11px; line-height: 15px; margin-top: 5px; padding-left: 2px; }

.text_kueche { font-size: 12px; line-height: 17px; width: 610px; text-align: justify }
.text_koch { font-size: 12px; line-height: 17px; width: 610px; margin-right: 25px; text-align: justify }
.text_menue   { font-size: 12px; line-height: 17px; text-align: left; margin-top: 0px; width: 610px }
.text_news { font-size: 12px; line-height: 17px; margin-top: 8px; margin-right: 25px; text-align: justify }
.text { font-size: 12px; line-height: 17px; margin-top: 5px; margin-right: 6px; text-align: justify }
.text_bold { font-size: 12px; font-weight:bold; line-height: 17px; margin-top: 8px; margin-right: 25px; text-align: justify }
.text_mitarbeiter { font-size: 12px; line-height: 17px; margin-top: 8px; margin-right: 25px; text-align: justify }

.headline  { font-family: Arial, Helvetica, sans-serif; color: #333; background-color: #d8cdc8; font-size: 14px; font-weight: bold; line-height: 22px; text-transform: uppercase; margin-top: -5px; margin-left: -10px; margin-right: -5px; padding-left: 10px; padding-top: 4px; padding-bottom: 3px; }
.subline { color: #333; font-size: 12px; line-height: 17px; font-weight: bold; margin-top: 10px; text-align: left }
.subline_red { color: #8b0000; font-size: 12px; line-height: 17px; font-weight: bold; margin-top: 10px; text-align: left }
.eventpic, .bildrechts { margin-right: 25px; margin-left: 10px; margin-top: 6px; float: right; }
.bildlinks { margin-right: 10px; margin-left: 0px; margin-top: 3px; float: left; }

.headline_kueche  { color: #b29300; font-size: 16px; font-weight: bold; line-height: 26px; text-transform: uppercase }
.headline_koch  { color: #b29300; font-size: 16px; font-weight: bold; line-height: 26px; text-transform: uppercase }
.headline_menue  { color: #b29300; font-size: 16px; font-weight: bold; line-height: 26px; text-transform: uppercase; margin-top: 10px }
.headline_news  { color: #b29300; font-size: 16px; font-weight: bold; line-height: 22px; text-transform: uppercase }
.claim  { color: #b29300; font-family: Times, serif; font-size: 22px; font-weight: normal; line-height: 26px; text-align: center }
.subline_koch  { display: none }
.subline_business  { color: #4d1700; font-size: 12px; font-weight: bold; line-height: 18px; margin-top: 10px; margin-bottom: 8px; padding-bottom: 8px; width: 345px; border-bottom: 3px solid #fee5aa }
.pic_koch  { font-weight: bold; margin-right: 5px; margin-left: 30px }
.vertical_block  { font-size: 16px; line-height: 18px; background-color: #fbf6ef; width: 60px; height: 755px }
.kasten-rest { color: #ee1c23 }

.kasten-hell     { background-image: url(../imgnav/schatten_kurs.jpg);  background-repeat: repeat-y; width: 640px; }
.kasten-menu { text-align: center; padding: 5px 15px }
.kasten-navi { background-color: #fff0c7; padding: 2px 8px; border: solid 2px #fff8e2 }

div.navi     { color: gray; text-decoration: none; background-color: #efe7cf; display: block; padding-left: 1px }
div.navi-bestellen     { color: gray; text-decoration: none; background-color: #fbf6ef; display: block; padding-left: 1px; font-size: 11px; }
div.navi2     { color: gray; text-decoration: none; background-color: #efe7cf; display: block; padding-left: 1px; font-size: 11px;  }

a:link   { color: #333; text-decoration: none;}
a:visited      { color: #333; text-decoration: none; }
a:hover       { color: #333; text-decoration: none; }

a.navi:link, a.navi-bestellen:link  { color: #000; font-size: 12px; text-align: left; text-decoration: none; font-weight: normal; line-height: 17px; }
a.navi:visited, a.navi-bestellen:visited  { color: #000; font-size: 12px;text-align: left; text-decoration: none; font-weight: normal; line-height: 17px; }
a.navi:hover, a.navi-bestellen:hover  { color: #000; font-size: 12px; text-align: left; text-decoration: none; font-weight: normal; line-height: 17px; }
a.navi:active, a.navi-bestellen:active  { color: #000; font-size: 12px; text-align: left; text-decoration: none; font-weight: normal; line-height: 17px; }

a.navi-bestellen:link, a.navi-bestellen:visited, a.navi-bestellen:hover, a.navi-bestellen:active {font-size: 11px;}

a.anfrage:link  { color: #b29300; font-size: 13px; margin-top: 15px; text-align: left; text-decoration: none; font-weight: bold; line-height: 17px; }
a.anfrage:visited  { color: #b29300; font-size: 13px; margin-top: 15px; text-align: left; text-decoration: none; font-weight: bold; line-height: 17px; }
a.anfrage:hover  { color: #000; font-size: 13px; margin-top: 15px; text-align: left; text-decoration: none; font-weight: bold; line-height: 17px; }
a.anfrage:active  { color: #000; font-size: 13px; margin-top: 15px; text-align: left; text-decoration: none; font-weight: bold; line-height: 17px; }

a.kurs:link    { color: #000000; text-decoration: none}
a.kurs:visited    { color: #000000; text-decoration: none}
a.kurs:hover    { color: #000000; text-decoration: none}
a.kurs:active    { color: #000000; text-decoration: none}

a.menu:link   { text-decoration: none; }
a.menu:visited      { text-decoration: none; }
a.menu:hover       { text-decoration: none; }

a.menu-aktiv       { text-decoration: none; }
a.menu-aktiv:visited       { text-decoration: none; }

a.sidenavi-head:link, a.sidenavi-head-inactive:link  {
		color: #b29300; font-size: 13px; margin-top: 15px; text-align: center; text-decoration: none; font-weight: bold; line-height: 17px; display: block;
		border-width: 1px 1px 1px 1px; border-color:#b29300; border-style: solid; background-color: #efe8ce; margin-left:6px; margin-right:6px;}
a.sidenavi-head:visited, a.sidenavi-head-inactive:visited  { color: #b29300; font-size: 13px; margin-top: 15px; text-align: center; text-decoration: none; font-weight: bold; line-height: 17px; display: block;
		border-width: 1px 1px 1px 1px; border-color:#b29300; border-style: solid; background-color: #efe8ce; margin-left:6px; margin-right:6px;}
a.sidenavi-head:hover, a.sidenavi-head-inactive:hover  { color: #000; font-size: 13px; margin-top: 15px; text-align: center; text-decoration: none; font-weight: bold; line-height: 17px; display: block;
		border-width: 1px 1px 1px 1px; border-color:#b29300; border-style: solid; background-color: #efe8ce; margin-left:6px; margin-right:6px; }

a.sidenavi-head-inactive:link, a.sidenavi-head-inactive:visited, a.sidenavi-head-inactive:hover {
		color: #d0bb58;
}
a.sidenavi-subhead:link  { color: #000; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; line-height: 16px; display: block; border-top:1px solid #efe7cf; padding-top: 2px; padding-bottom: 2px; }
a.sidenavi-subhead:visited  { color: #000; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; line-height: 16px; display: block; border-top:1px solid #efe7cf; padding-top: 2px; padding-bottom: 2px;}
a.sidenavi-subhead:hover  { color: #b29300; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; line-height: 16px; display: block; border-top:1px solid #efe7cf; padding-top: 2px; padding-bottom: 2px; background-color: #efe7cf;}

a.sidenavi-subhead-aktiv:link  { color: #000; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; line-height: 16px; display: block; border-top:1px solid #efe7cf; padding-top: 2px; padding-bottom: 2px; }

a.sidenavi:link   { color: #666; font-size: 11px; line-height: 12px; text-align: center; text-decoration: none; display: block; padding: 2 2 2 2; border-top:1px solid #efe7cf; }
a.sidenavi:visited      { color: #666; font-size: 11px; text-decoration: none; text-align: center; display: block; padding: 2px; padding: 2 2 2 2; border-top:1px solid #efe7cf; }
a.sidenavi:hover       { color: #b29300; font-size: 11px; text-align: center; text-decoration: none; display: block;  padding-top: 2px; padding: 2 2 2 2; border-top:1px solid #efe7cf; background-color: #efe7cf;}
a.sidenavi:active       { color: #666; font-size: 11px; text-align: center; text-decoration: none; display: block; padding-top: 2px; padding: 2 2 2 2; border-top:1px solid #efe7cf; }

a.sidenavi-koch:link   		{ color: #000; font-size: 11px; line-height: 12px; text-align: center; text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; border-top:1px solid #efe7cf; }
a.sidenavi-koch:visited      { color: #000; font-size: 11px; text-decoration: none; text-align: center; display: block; padding: 2px; padding-bottom: 2px; border-top:1px solid #efe7cf; }
a.sidenavi-koch:hover       { color: #b29300; font-size: 11px; text-align: center; text-decoration: none; display: block;  padding-top: 2px; padding-bottom: 2px; border-top:1px solid #efe7cf; background-color: #efe7cf; }
a.sidenavi-koch:active       { color: #000; font-size: 11px; text-align: center; text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; border-top:1px solid #efe7cf; }

a.sidenavi-aktiv:link   { color: #000; font-size: 11px; line-height: 12px; text-align: center; text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; border-top:1px solid #efe7cf; background-color: #efe7cf;}
a.sidenavi-koch-aktiv:link   		{ color: #b29300; font-size: 11px; line-height: 12px; text-align: center; text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; border-top:1px solid #efe7cf; background-color: #efe7cf;}
a.sidenavi-koch-aktiv:visited      { color: #b29300; font-size: 11px; text-decoration: none; text-align: center; display: block; padding: 2px; padding-bottom: 2px; border-top:1px solid #efe7cf; background-color: #efe7cf;}

a.sidenavi-kurs:link   { color: #666; font-size: 11px; line-height: 12px; text-align: center; text-decoration: none; display: block; padding-top: 1px; padding-bottom: 1px; }
a.sidenavi-kurs:visited      { color: #666; font-size: 11px; text-decoration: none; text-align: center; display: block; padding-top: 1px; padding-bottom: 1px; }
a.sidenavi-kurs:hover       { color: #b29300; font-size: 11px; text-align: center; text-decoration: none; display: block;  padding-top: 1px; padding-bottom: 1px; background-color: #efe7cf;}
a.sidenavi-kurs:active       { color: #666; font-size: 11px; text-align: center; text-decoration: none; display: block; padding-top: 1px; padding-bottom: 1px; background-color: #fff;}

a.sidenavi-color      { color: #b29300; text-align: center; text-decoration: none; display: block; padding-top: 1px; padding-bottom: 1px;  border-top:1px solid #efe7cf; background-color: #efe7cf;}
a.sidenavi-color-aktiv      { color: #b29300; text-align: center; text-decoration: none; display: block; padding-top: 1px; padding-bottom: 1px;  border-top:1px solid #efe7cf; }
a.sidenavi-head-aktiv  { color: #000000; font-size: 13px; margin-top: 15px; text-align: center; text-decoration: none; font-weight: bold; line-height: 17px; display: block;
							border-width: 1px 1px 1px 1px; border-color:#b29300; border-style: solid; background-color: #efe8ce; margin-left:6px; margin-right:6px; }

a.navi-overview:link  { color: #333; font-size: 12px; text-align: left; text-decoration: none; font-weight: bold; line-height: 16px; display: block; padding-top:4px; padding-bottom:5px; padding-left:5px; border-bottom:1px solid #b29300; }
a.navi-overview:visited  { color: #333; font-size: 12px; text-align: left; text-decoration: none; font-weight: bold; line-height: 16px; display: block; padding-top:4px; padding-bottom:5px;  padding-left:5px; border-bottom:1px solid #b29300;  }
a.navi-overview:hover  { color: #b29300; font-size: 12px; text-align: left; text-decoration: none; font-weight: bold; line-height: 16px; display: block; padding-top:4px; padding-bottom:5px; padding-left:5px; border-bottom:1px solid #b29300;  }

a.overview:link   { color: #666666; font-size: 8px; line-height: 12px; text-align: left; text-decoration: none; display: block; margin-top: 4px; padding-left:12px; }
a.overview:visited      { color: #666666; font-size: 8px; text-decoration: none; text-align: left; display: block; margin-top: 4px; padding-left:12px; }
a.overview:hover       { color: #b29300; font-size: 8px; text-align: left; text-decoration: none; display: block;  margin-top: 4px; padding-left:12px; }
a.overview:active       { color: #b29300; font-size: 8px; text-align: left; text-decoration: none; display: block; margin-top: 4px; padding-left:12px; }

a.overview-kurs:link   { color: #666666; font-size: 11px; line-height: 12px; text-align: left; text-decoration: none; display: block; margin-top: 2px; padding-left:12px;}
a.overview-kurs:visited      { color: #666666; font-size: 11px; text-decoration: none; text-align: left; display: block; margin-top: 2px; padding-left:12px;}
a.overview-kurs:hover       { color: #b29300; font-size: 11px; text-align: left; text-decoration: none; display: block;  margin-top: 2px; padding-left:12px;}
a.overview-kurs:active       { color: #b29300; font-size: 11px; text-align: left; text-decoration: none; display: block; margin-top: 2px; padding-left:12px;}

.kasten-hell-linie-links { background-color: #fff8e2; padding: 0 5px 5px 15px; border-left: 1px solid #c0c0c0 }
.kasten-hell-linie-oben { background-color: #fff8e2; padding: 0 5px 5px 15px; border-top: 1px solid #c0c0c0 }
.kasten-hell-linie-v { background-color: #fff8e2; border-left: 1px solid #c0c0c0 }
.kasten-norm-linie-v { background-color: #fff0c7; border-top: 0 none; border-right: 1px solid #c0c0c0 }
.kasten-norm-linie-v-h { background-color: #fff0c7; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.kasten-norm-linie-h { background-color: #fff0c7; border-top: 1px solid #c0c0c0 }
.kurs-head { font-size: 12px; color: #4d1700; font-weight: bold; background-color: inherit; }
.kurs-text    { font-size: 11px; line-height: 15px; background-color: #FFE4B8; padding: 5px; }
.koch-pic { border: solid 1px #c0c0c0 }

.impressum-text    {  background-color: #FFE4B8; text-align: left; font-size: 11px; padding-left: 5px; }
.impressum-group    {  background-color: #FFE4B8; text-align: left; font-size: 11px; font-weight: bold; color: #4d1700; padding-top: 10px; padding-left: 5px; }
.impressum-text-hell    { background-color: #FFE4B8; text-align: left; font-size: 11px; padding-left: 5px; }
.impressum-group-hell    { background-color: #FFE4B8; text-align: left; font-size: 11px; font-weight: bold; color: #4d1700; padding-top: 10px; padding-left: 5px }
.impressum-group-head    { background-color: #682900; text-align: left; font-size: 11px; font-weight: bold; color: #ffffff; padding: 5px; text-transform: uppercase }

.teilnehmer2 { display: none; }
.teilnehmer3 { display: none; }
.teilnehmer4 { display: none; }
.content-table  { position: absolute; top: 0px; left: 0 }
.menu-table      { display: table; text-align: center; position: absolute; z-index: 10000; top: 10px; left: 235px; width: 694px; height: 15px; }
.menu-table-overview      { display: table; text-align: center; position: absolute; z-index: 10000; top: 10px; left: 135px; width: 694px; height: 15px; }
.menu-table-right  { display: table; position: absolute; top: 0; left: 656px; width: 84px; height: 15px }
.menu-footer-table      { display: table; text-align: center; width: 704px; height: 15px; }
td.menu    { background-color: #fbf6ef; color: #b29300; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; height: 15px; border-right: 1px solid #b29300; }
td.menu-top    { background-color: #fbf6ef; color: #b29300; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; height: 15px; border-right: 1px solid #b29300; font-weight:bold; }
td.menu-right  { background-color: #fbf6ef; }
#block_kueche { position: absolute; top: 50px; left: 50px; width: 580px }
.block_koch  { margin-top: 20px; width: 580px }
#block_menue { position: absolute; top: 600px; left: 250px }
#block_vertical { position: absolute; top: 0; left: 750px }

.button_gruen{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #6464B4;
	text-align: left;
	vertical-align:middle;
	background-image:url(../images06b/buchen_gruen.gif);
	background-position:0px 0px;
	text-decoration:none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
	height: 17px;
	width:  180px;
	display: block;
}

.button_gruen:visited {
	color:#000000;
}

.button_gruen:hover {
	color:#FF007F;
}

.sidenavi-submenu {
 	margin-left:6px; margin-right:6px;
 	border-left: 1px solid #b29300; border-right: 1px solid #b29300; border-bottom: 1px solid #b29300;
}

.overview-submenu {
	border-bottom:1px solid #b29300; padding-bottom: 4px;
}

.overview-kasten {
	width: 163px; border: 0px solid #b29300; height:547px; float:left; margin-left:12px;
}

.overview-kasten2 {
	width:163px;border: 1px solid #b29300; padding:0px; background-color:#fff;
}
.overview-kasten-innen {
	overflow: auto; width:159px; height:516px; border: 0px; scrollbar-track-color:#FFF; scrollbar-arrow-color:#000; scrollbar-base-color:#efe8ce; padding:2px;
}
.overview-kasten-unten {
	width: 338px; border: 1px solid #b29300; height:28px; float:left; margin-left:1px; margin-top:12px; background-color:#efe8ce;
}

.bestell-kasten {
	margin-bottom:4px; border: 0px solid #b29300; background-color: #f8f5f4; font-size: 11px;
}

.bestell-kasten-ausgebucht {
	margin-bottom:4px; border: 0px solid #b29300; background-color: #f8f5f4; font-size: 11px;
}

.bestell_kopf {
	font-size: 11px;
}

a.bestell_kopf {
	color: #990012;
}


.submenu-aktiv{
font-weight: bold; border: 1px solid #fff; background: #ecd6b9 none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(51, 51, 51); width: 202px; display: block; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left: 20px;
}
.submenu{
	background: #f3ebe1; color: #333; width: 202px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-bottom: 3px; padding-left: 20px;
}
.submenuaktiv{
	background: #f3ebe1; color: darkred; width: 202px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-bottom: 3px; padding-left: 20px;
}
.submenu-lines{
	float: left; border-left: 1px solid #333; border-bottom: 1px solid #333; margin-top: -20px; margin-right: 5px; width: 6px; height: 28px; margin-bottom: 10px;
}

.menu-lines{
	float: left; border-left: 1px solid #333; border-top: 1px solid #333; margin-top: 7px; margin-right: 5px; width: 6px; height: 24px; margin-bottom: 10px;
}

.menu-aktiv{
font-weight: bold; background: #ecd6b9; color: #333; width: 202px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 20px;
}
.menu{
background: #f3ebe1; color: #333; width: 202px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 20px;
}


.k1_abgelaufen  { color: #b0b0b0; text-decoration: none; padding-left: 4px; padding-right: 4px; }
a.k1_aktiv:link     { color: darkred; text-decoration: none; padding:4px;  }
a.k1_aktiv:visited  { color: darkred; text-decoration: none; padding:4px;  }
a.k1_heute:link     { color: darkred; text-decoration: none; padding:4px;  }
a.k1_heute:visited   { color: darkred; text-decoration: none; padding:4px;  }
a.k1_heute:hover  { color: #fff; text-decoration: none; background-color: darkred; padding:4px;  }
a.k1_heute:active  { color: #e1bf03; text-decoration: none; background-color: #ffd700; padding:4px;  }
a.k1_kommende:link     { color: #000; text-decoration: none; padding:4px;  }
a.k1_kommende:visited  { color: #000; text-decoration: none; padding:4px;  }
a.k1_kommende:hover  { color: #fff; text-decoration: none; background-color: darkred; padding:4px;  }
a.k1_kommende:active   { color: #fff; text-decoration: none; background-color: darkred; padding:4px;  }
.k1_kommende { padding:2px;}
.table_kalender1     { color: #fff; background-color: #f1ecea; margin: 0; padding: 1px; width: 224px; border: 1px solid #fff;}

a.kategoriemenuaktiv {font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; background: #f1ecea; font-weight: bold; width: 214px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 7px;}
a.kategoriemenu {font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; background: #f1ecea; font-weight: bold; width: 214px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 7px;}
a.submenu:hover {color:darkred;}
a.submenuaktiv{color:darkred;font-weight:bold;}
a.subsubmenu {color: #333; background: #ffffff; font-weight: normal; width: 222px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 7px;}
a.subsubmenu:hover {color: darkred; background: #ffffff; font-weight: normal; width: 222px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 7px;}
a.subsubmenuaktiv {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: darkred; background: #ffffff; font-weight: bold; width: 222px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 7px;}
a.subsubmenuaktiv:hover {color: darkred; background: #ffffff; font-weight: bold; width: 222px; min-height: 21px; height: auto !important; height: 21px; display: block; text-decoration: none; border: 1px solid #fff; padding-top: 3px; padding-left: 7px;}
a.subsubsubmenu {border-left: 1px solid #333; border-bottom: 1px solid #fff; margin-left: 8px; background: #f3ebe1;display: block;width: 190px; padding:5px;padding-left: 25px;clear: both;}
a.subsubsubmenuaktiv {color: darkred; border-left: 1px solid #333; border-bottom: 1px solid #fff; margin-left: 8px; background: #f3ebe1;display: block;width: 190px; padding:5px;padding-left: 25px;clear: both;}
a.subsubsubmenuaktiv:hover {color: darkred;}

.triangle { width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent #b6a793; float: left; margin-left: -3px; margin-top: 4px; margin-right: 5px; }
.submenuaktiv .triangle { width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent darkred; float: left; margin-left: -3px; margin-top: 4px; margin-right: 5px; }
.neu {background-color: #ffffff; font-size: 11px; font-weight: bold; font-family: verdana, arial, helvetica; border: 1px solid darkred; border-radius: 2px; padding-left:3px;padding-right:3px;padding-bottom:1px; display:inline; color:darkred; margin-left:3px; text-transform: uppercase; }

.neu.button-2G-Plus {
  background: red !important;
  border: 1px solid red !important;
}

.button-2G-Plus .neu {
  background: red !important;
  color: #fff;
  min-width: 82px; 
  text-align: center;
  position: absolute;
  top: 190px;
  left: 210px !important;
  font-size: 11px;
  font-weight: bold; 
  font-family: verdana, arial, helvetica;
  border: 1px solid red !important;
  border-radius: 2px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 1px;
  display: inline;
  margin-left: 0px;
  text-transform: uppercase;
}

.liste.button-2G-Plus .neu {
  top: 145px;
  left: 150px !important;
}

.neu.button-2G-Event {
  background: magenta !important;
  border: 1px solid magenta !important;
}

.button-2G-Event .neu {
  background: magenta;
  color: #fff;
  min-width: 82px; 
  text-align: center;
  position: absolute;
  top: 190px;
  left: 210px !important;
  font-size: 11px;
  font-weight: bold; 
  font-family: verdana, arial, helvetica;
  border: 1px solid magenta;
  border-radius: 2px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 1px;
  display: inline;
  margin-left: 0px;
  text-transform: uppercase;
}

.liste.button-2G-Event .neu {
  top: 145px;
  left: 150px !important;
}

.neu.button-3G-Event {
  background: orange !important;
  border: 1px solid orange !important;
}

.button-3G-Event .neu {
  background: orange !important;
  color: #fff;
  min-width: 82px; 
  text-align: center;
  position: absolute;
  top: 190px;
  left: 210px !important;
  font-size: 11px;
  font-weight: bold; 
  font-family: verdana, arial, helvetica;
  border: 1px solid orange !important;
  border-radius: 2px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 1px;
  display: inline;
  margin-left: 0px;
  text-transform: uppercase;
}

.liste.button-3G-Event .neu {
  top: 145px;
  left: 150px !important;
}

/* Journal Styles Start */
.container-text { 
  font-size: 12px; 
  line-height: 18px; 
  margin-top: 5px; 
  margin-right: 6px; 
}

.aufmacher-titel { 
  color: #333; 
  font-size: 14px; 
  line-height: 20px; 
  font-weight: bold; 
  text-align: left;
  margin-bottom: 4px;
}

.aufmacher-titel-jobs {
  font-family: Arial, Helvetica, sans-serif; 
  color: #333; 
  background-color: #d8cdc8; 
  font-size: 14px; 
  font-weight: bold; 
  line-height: 22px; 
  text-transform: uppercase; 
  margin-top: -5px; 
  margin-left: -10px; 
  margin-right: -5px; 
  padding-left: 10px; 
  padding-top: 4px; 
  padding-bottom: 3px;
}

.mehr {
  color: #C60000;
}

.container-text { 
  font-size: 12px; 
  line-height: 18px; 
  margin-top: 5px; 
  margin-right: 6px; 
}

.cols-img-text {
  overflow: hidden;
}

.cols-img-text .img {
float: left;
margin: 0 20px 20px 0;
}

.list-box {
  overflow: hidden;
  display: block;
  padding: 10px 12px;
  border: 1px solid #ddd;
  background: #fff;
  margin: 24px 5px 24px 0px;
}
.list-box:first-child {
  margin-top: 0;
}
.list-box .subline {
  margin: 0 0 0.25em;
}
.list-box .container-text {
  text-align: left;
  margin: 0;
}

a.list-box:hover {
  text-decoration: none;
}

a.list-box:hover .subline, .subline_red {
  color: #c60000 !important;
}

.list-box .linie {
  display: none;
}

.list-box .aufmacher-titel-jobs {
  display: none;
}
/* Journal Styles Ende */


.modal-window {
  position: fixed;
  width: 500px;
  padding: 18px;
  border: 5px solid darkred;
  background-color: rgba(255, 255, 255, 0.95);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9990;
  border-radius: 12px;
  visibility: visible;
  opacity: 100;
  pointer-events: auto;
  transition: all 0.3s;
  &:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  &>div {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: #ffffff;
  }
  header {
    font-weight: bold;
  }
  h3 {
    font-size: 120%;
    margin: 0 0 15px;
  }
}
.modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
  &:hover {
    color: black;
  }
}

.social-profiles {
  margin: 10px 0;
}
.social-profiles a {
  display: inline-block;
  font-size: 1.75em;
  padding: 0.4em;
  background: #00aced;
  border-radius: 100%;
  height: 1em;
  width: 1em;
  margin: 0 0.25em 0 0;
  opacity: 1;
  transition: all 0.2s ease;
}
.social-profiles a:hover {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  transform: translateY(-1px);
}
.social-profiles a svg {
  width: 1em;
  height: 1em;
}
.social-profiles a svg,
.social-profiles a svg path {
  fill: #fff;
}
.social-profiles a.social-facebook {
  background: #1877f2;
}
.social-profiles a.social-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.social-wrapper {
    font-size: 13px;
    width: 160px;
    float: left;
    margin-left: 20px;
}

.apple-pay-button {
  display: inline-block;
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: pay; /* Use any supported button type. */
  transition: background-color 0.3s ease, border 0.3s ease, transform 0.1s ease;
}

.apple-pay-button-black {
  -apple-pay-button-style: black;
}

.apple-pay-button-white {
  -apple-pay-button-style: white;
}

.apple-pay-button-white-with-line {
  -apple-pay-button-style: white-outline;
}

.apple-pay-button:hover {
  background-color: #333; /* Darken background for hover */
  border: 2px solid #000; /* Add or modify border on hover */
}

.apple-pay-button-white:hover {
  background-color: #f0f0f0; /* Lighten background for hover */
}

.apple-pay-button-white-with-line:hover {
  background-color: #fff; /* White background on hover */
  border: 2px solid #ccc; /* Light gray border on hover */
}

.apple-pay-button:active {
  background-color: #222; /* Darken background for active state */
  transform: scale(0.95); /* Scale down slightly to simulate a pressed effect */
}

.apple-pay-button-white:active {
  background-color: #e0e0e0; /* Slightly darker background on click */
}

.apple-pay-button-white-with-line:active {
  background-color: #f8f8f8; /* Slightly darker background on click */
  border-color: #bbb; /* Darken the border on click */
}