/* Schriften werden von IONOS Server geladen 
*/

/* nunito-sans-300 - 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: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-300italic - 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: 'Nunito Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/nunito-sans-v15-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-regular - 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: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-italic - 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: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700 - 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: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700italic - 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: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v15-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Zuerst setzten wir die Eigenschaften für margin, padding und border zurück, 
    sodass Browserabweichungen ausgeglichen werden können. 
*/
* {
    margin: 0px;
    padding: 0px;
    border: none;
}

/* Für den kompletten HTML Bereich setzen wir die Standard Schrift und verpassen
   der Seite noch eine Hintergrundfarbe.
*/

html {
    background-color: #fff; /* im Internet Explorer ist manchmal die Standard Hintergrundfarbe nicht weiß, deshalb setzen wir es manuell */
    color: #111; /* auch hier eine Farbe ähnelnd zu schwarz, aber nicht so grell */
    font-family: Nunito Sans;
}

/* Nun folgen die einzelnen Styles für die Inhalte 
*/

h1 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	text-align: left;
	line-height: 110%;
}

h2 {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
}

h3 {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
}

h4 {
	font-size: 14px;
	font-style: bold;
	font-weight: 400;
	line-height: 110%;
}

p {
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 120%;
}

address {
	margin: 20px;
	font-size: 14px;
} 

.zutaten {
	margin: 20px;
	max-width: 100%;
	font-size: 16px;
}

table {
	max-width: 100%;
	border: thin solid #000;
	border-collapse: collapse;
	border-spacing: 0px;
	border-color: #999;
	border-width: thin;
	margin: 20px;
	table-layout: auto;
	caption-side: top;
}

caption {
	text-align: left;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
}

th, td {
	font-weight: regular;
	text-align: left;
	padding: 9px;	
}

tbody tr:nth-child(even) { 
  background-color: #FFF; 
  color: #000; 
}

tr:nth-child(odd) {
   background-color: #ECECE3;
}

#header {
	max-width: 100%;
	height: 200px;
	background: #fff;
	margin-bottom: 20px
}

#flasche {
	float: left;
	width: 135px;
	height: 200px;
	margin: 0px;
	position: absolute;
	z-index: 1;
}

#wein {
	margin-top: 20px;
	margin-left: 20px;
	position: absolute;
	max-width: 100%
}

#logobox {
	float: left;
	width: 135px;
	height: 100px;
	margin-top: 0px;
	background-color: rgba(246,246,246, 0.9);
	position: absolute;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

#abstand {
	margin-top: 25px;
	margin-left: 25px;
}	

.abstand {
	margin-top: 25px;
	margin-left: 25px;
}

.logo {
	width: 125px;
}

.flasche {
	width: 135px;
}