body {
	font-family: sans-serif;
	font-size: larger;
}

#main {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 2em;
	padding: 0 2em 5em 2em;
	text-align: center;
	}

#menu a {
  text-decoration: none;
  font-size: small;
  font-weight: bold;
  color: black;
}

#menu a:hover{
  color: #777;
}

#imprint {
	font-size: xx-small;
	max-width: 500px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none;
	}

#sub {
	text-align: left;
	}
	
#info {
	font-size: x-small;
	max-width: 600px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5em;
}	

#info p, p {
	line-height: 1.5;
}

#info a, #info a:hover, #info a:visited, #info a:active {
	line-height: 2.8;
	text-decoration: none;
	color: black;
	padding: 0.2em 0.7em;
	background-color: lightgrey;
	border: 1px solid grey;
	margin: 0.5em;
   border-radius: 5px;
   word-break: keep-all;
   white-space: nowrap;
   word-spacing: 0.2em;
}
	
img.cover {
	height: 200px;
	}

img.rating {
	padding: 2em;
	height: 180px;
	}
	
.desc {
	max-width: 600px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	}	
	
ul.linklist {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	max-width: 200px;
	}

.linklist li {
	margin: 1em 0;
	}
	
.centered {
  position: fixed;
  left: 50%;
  transform: translateX(-65%);
}

sup {
	font-size: x-small;
	color: darkgrey;
}

.newsletter {
	padding-bottom: 12em;
	font-size: x-small;
	max-width: 600px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}

.footer {
	padding-bottom: 12em;
	font-size: xx-small;
	color: darkgrey;
	max-width: 600px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}

.inline-list {
	display: inline-block; 
	padding: 0;
}

.inline-list > li {
	display: inline;
}

.inline-list > li::after {
	content: " ";
	letter-spacing: 1em;
	background: linear-gradient(90deg, transparent calc(50% - 0.03125em), currentColor 0, currentColor calc(50% + 0.03125em), transparent 0); /* 6 */
}


.flex-list {
    position: relative;
    margin: 1em;
    overflow: hidden;
}
.flex-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
    list-style-type: none;
}
.flex-list li {
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #ccc;
    background-color: #fff;
}

.ett::after {
	content: "[at]";
}

.ett2::after {
	content: "@";
}

.msk_a::after {
	content: "a";
}

.msk_e::after {
	content: "e";
}

.msk_i::after {
	content: "i";
}

.msk_o::after {
	content: "o";
}

.msk_u::after {
	content: "u";
}

.msk_0::after {
	content: "0";
}


.msk_1::after{
	content: "1";
}


.msk_2::after {
	content: "2";
}


.msk_3::after {
	content: "3";
}


.msk_4::after {
	content: "4";
}


.msk_5::after {
	content: "5";
}


.msk_6::after {
	content: "6";
}


.msk_7::after {
	content: "7";
}


.msk_8::after {
	content: "8";
}


.msk_9::after {
	content: "9";
}




.plink {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

.clear {
	clear: both;
}

.tipps {
	text-align: justify;
}

.tipps_table {
	float: none;
	font-size: smaller;
}

.tipps_table p,h3 {
	margin: 0.2em 0;
}

.t_line {
	padding: 0.5em;
}

.t_line:nth-child(odd) {
	background: #ddd;
}

.t_line:nth-child(even) {
	background: #eee;
}


.t_details {
}

.t_img {
	float: left;
	padding-right: 2em;
}	

.t_img img {	
	max-height: 6em;
	max-width: 6em;
}