body {
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 10pt; 
	background-color: #F0F0F0;
	padding: 0px;
 	margin: 0px;
	}

table {
	border-spacing: 0px; 
	}

.shadow {
	box-shadow: 5px 5px 10px #606060;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	}
	
a:hover {
  text-decoration: underline;
	}

h1 {
	margin-top: 0px;
	color: #FFFFFF;
	background-color: green;
	margin-bottom: 0px;
	font-weight: normal;
	}

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
  }
 

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- WRAPPER ------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

div#wrapper {
	max-width: 1280px;
	}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- Hamburger-Icon-------------- ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- BANNER: obere Bannerbox --------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */


#banner img {
	width: 100%; 
	display: block;
	height: auto;
	}


/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- TITLE: Box unterhalb Banner --------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */



div#title {
  width: 100%;
  height: 32px;
	font-weight: bold;
  background-color: #553A26;
	font-size: 14pt;
	display:flex;align-items:center;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 5px;
	}

#title img.hamburger-icon {
  display: none;
	}



/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- MENU: linkes Navigationsmenü ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

div#menu {
	width: 150px;
	float: left;
	margin-right: 10px;
	}

#menu ul {
	padding: 0px; 
	margin: 0 0 10px 0;
	background-color: #E7E7E7;
	}

#menu li {
	list-style-type: none;
	font-size: 10pt;
	display: block;
	}

#menu li:first-child {
	background-color: #553A26;
	font-weight: bold;
	color: #FFFFFF;
	}

#menu li:first-child:hover {
	background-color: #553A26;
	}

#menu li:hover {
	background-color: #B0C4DE;
	}
	
#menu a {
	color: #553A26;
	display: block;
	}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- MAIN: Raum für Seiteninhalt ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

div#main {
	overflow: auto;
	width: auto;
}


/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- COUNTRYOVERVIEW: Restaurantübersicht auf Startseite ----------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */


table#countryoverview {
	float: right;
	width: 260px;
	text-align: left; 
	}

#countryoverview img {
	width: 26px; 
	height: 17px; 
	vertical-align: bottom; 
	margin: 0 3px 0 0;
	border: 0px;
	}
	
#countryoverview td {
  height: 17px;
  }
	
#countryoverview tr:nth-child(even) td {
	font-style: italic; 
	padding-left: 29px;
	font-size: 8pt;
	vertical-align: middle;
	}

#countryoverview tr:nth-child(odd) td:hover {
	background-color: #B0C4DE;
	}

#countryoverview tr:nth-child(even) td:hover {
	background-color: #FFFFFF;
	}
	
#countryoverview a {
	color: #553A26	}
	

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- INFOBOX: gelbe Box mit schwarzem Rand ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

.infobox {
	background-color:#FFFFBF; 
	border: 1px solid black; 
	margin-top: 15px; 
	font-size: 8pt; 
	clear: both;
	padding: 3px;
	}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- COUNTRY: Restaurantliste -------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

#country .mobile {
	display: none;
	}


/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- MCDFORM: Restaurantformular ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

#mcdform input {
	height: 13px;
	font-size: 8pt;
	}

#mcdform select {
	font-size: 8pt;
	}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- markiert geschlossene Restaurants in Tabelle rot -------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

tr.closed td a {
 	color: #FF0000;
	}	
	
/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- TABLE: alterierend eingefärbte Tabelle ------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------- */

table.table {
	border-spacing: 0px; 
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	}

table.table td {
	padding: 0;
	margin: 0;
	height: 20px;
	vertical-align: middle;
	}	

table.table th {
	background-color: #004812;
	color: #FFFFFF;
	text-align: left;
	height: 20px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	}

table.table tr:nth-child(even) {
	background-color: #F4F4F4;
	}

table.table tr:nth-child(odd) {
	background-color: #DAE8D9;
	}
	
table.table tr:hover {
	background-color: #B0C4DE;
	}

table.table a {
	color: black;
	display: block;
	}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- MCAUTOBAHN: McDonald's entlang der autobahn ------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

#mcautobahn td:nth-child(1) {
	width: 5em;
	}

#mcautobahn td:nth-child(2) {
	width: 6em;
	font-weight: bold;
	vertical-align: middle;
	}

#mcautobahn td:nth-child(3) {
	width: 20em;
	}

#mcautobahn td:nth-child(4) {
	width: auto;
	}

#mcautobahn img {
	margin-right: 5px;
	}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- MCDSTORE: Restaurantseite und so ... -------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */


div#mcdstoreimage {
  background-color: #E7E7E7;
  vertical-align: bottom;
  border-bottom: 1px solid #C0C0C0;
	}

#mcdstoreimagesmall {
  width: 550px;
  vertical-align: middle;
  margin: auto;
  display: block;
	}

#mcdstoreimagelarge {
  max-width: 100%;
  vertical-align: bottom;
  display: block;
	}


div#mcdstore {
	font-size: 9pt;
	}
	
#mcdstore table {
	width: 100%;
	}

#mcdstore tr td {
	vertical-align: top;
	height: auto;
	border-bottom: 1px solid #A0A0A0;
	}

#mcdstore .noborder td:first-child {
	border-bottom: 0px;
	}

#mcdstore tr td:first-child {
  width: 115px;
  background-color: #C0C0C0;
	font-weight: bold;
	}
	
#mcdstore tr td:nth-child(3) {
	text-align: right;
	width: 60px;
	}
	
#mcdstore .image {
	vertical-align: bottom;
	border: 0px;
	}
	
#mcdstore td.image {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}	
	
.redbox {
	color: #BB0000;
	background-color: #FF8080;
	/* max-width: 550px; */
	font-size: 8pt;
	border-bottom: 1px solid #C0C0C0;
	}

.greenbox {
	color: #005E00;
	background-color: #80FF80;
	/* max-width: 550px; */
	font-size: 8pt;
  border-bottom: 1px solid #C0C0C0;
	}

.yellowbox {
	background-color: #FFFFBF;
	/* max-width: 550px; */
	font-size: 8pt;
  border-bottom: 1px solid #C0C0C0;
	}	


/* --------------------------------------------------------------------------------------------------------- */
/* - ADD STORE VISIT---------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

#addgreen {
  background-color: #80FF80;
  border: 1px solid black;
  margin-bottom: 3px;
  padding: 3px;
  }

#addred {
  background-color: #FF8080;
  border: 1px solid black;
  margin-bottom: 3px;
  padding: 3px;
  }


#visit input[type="radio"] {
  display: none;
  }

#visit label {
  background-color: #FFFFFF;
  padding: 3px;
  cursor: pointer;
  display: block;
  margin-bottom: 3px;
  border: 1px solid black;
  }

#visit input[type="radio"]:checked+label {
  background-color: #DAE8D9;
  }

#visit .wrapper {
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  }

#visit .leftbox {
  flex: 0 0 50px;
  }

#visit .middlebox {
  flex: 1 1 auto;
  text-align: left;
  }

#visit .rightbox {
  flex: 0 0 200px;
  font-size: 18px;
  text-align: right;
 }

#visit .button { 
  width: 100%; 
  height: 40px;
	display: inline-block;
	border: 1px solid #C0C0C0; 
	text-align: center; 
	font-weight: bold; 
	padding-top: 5px; 
	padding-bottom: 5px; 
  }


/* --------------------------------------------------------------------------------------------------------- */
/* - ANPASSUNGEN FÜR RESPONSIVE DESIGN --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 710px) {

div#title {             /* entfernt Abstand unter Titelleiste */
	margin-bottom: 0px;
	}


#title img.hamburger-icon {   /* blendet Hamburger-Icon ein */
  display: block;
	height: 32px;
	width: 32px;
	margin-right: 5px;
	}

table#countryoverview {
	width: 100%;
	text-align: left; 
	font-size: 12pt;
	}

div#menu {                         /* formatiert Menü */
	display: none;
	width: 100%;
	margin-bottom: 10px;
	}

#menu ul {
	margin: 0 0 0 0;
	border-bottom: 1px solid black;
	}

#menu li {
height: 20px;
line-height: 20px;
border-bottom: 1px dotted #C0C0C0;
}

#menu li {                 /* mobile Textgröße */
	font-size: 12Pt; 
	}

div#main {                /* Umbruch nach Menü */
  clear: both;
  }

#menu li:first-child {               /* mobil keine Überschrift in Menüs */
display: none;
}

#mcdstoreimagelarge { 
	width: 100%;
	}

#mcdstoreimagesmall {
	width: 100%;
	}

#mcdimage {
	display: none;
	}

h1 {
	background-color: green;
	color: #FFFFFF;
	border: 0px;
	margin: 0px;
	font-weight: normal;
	}

table#mcdstore {
	font-size: 10pt;
	}
	
#country .nomobile {
	display: none;
	}

#country .mobile {
	display: table-cell;
	}

#country tr {
	height: 40px;
	}


}