body {
	font-family: sans-serif,Arial,Helvetica;
	font-size: larger;
  margin: 0;
}

h1, h2, h3 {
	text-align: left;
}

figure {
  margin: 1em 0;
}

figcaption {
  font-weight: bold;
  font-size: xx-small;
  text-align: left;
  }
  
#main {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 2em;
	padding: 0 2em 5em 2em;
	text-align: center;
	}

#menu {
  font-size: x-small;
  margin-bottom: 1.5em;
  }
  
#mmenu {
  font-size: x-small;
  margin-bottom: 1.5em;
  color: grey;
  font-weight: bold;
  }
  
#mmenu a {
  text-decoration: none;
  color: black;
  font-weight: bold;
  }
  
#mmenu a:hover {
	text-shadow: 0.1em 0.1em #aaa, 0 0 0.4em #fff;
/*
  color: #444;
*/
  }

#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;
}	

div#adsect_wrapper {
	background-color: #ddd;
  padding: 0.5em 0;
  margin-bottom: 1em;
}


div#adsect {
	margin: 0 auto;
	width: 900px;
}
	
div#ad {
	width: 260px;
	border: 1px blue solid;
	min-height: 2em;
	font-size: 12px;
	padding: 0.2em 0.5em;
	margin: 0.5em 0.5em;
	float: left;
  background-color: white;
  line-height: 120%;
	}

div#adhint {
	color: grey;
	font-weight: bold;
	font-size: 9px;
	}
	
div#ad p {
	margin: 0px;
  line-height: 120%;
	}

h1 {
	margin-bottom: 0.2em;
	margin-top: 0.6em;
	}


h2 {
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	}

#info p, p {
	line-height: 1.5;
	margin-top: 0.5em;
}

#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;
}
*/

.tabletext {
  text-align: justify;
  padding-bottom: 0.5em;
}

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

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

.footer > h3 {
  border-top: 1px solid lightgrey;
  padding-top: 0.5em;
	text-align: center;
	font-size: small;
}

.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;
}

.spacer {
	min-height: 4em;
	background: url('img/bird1.png') no-repeat center center;
	background-size: auto 2em;
	}


.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;
}


.amznad_wrp {
/*
  background-color: #0088ff;
*/
  background: url("/img/massage-1167804-cropped.jpg") no-repeat center;
  background-size: cover;
/*
  border: 2px solid blue;
*/
  padding: 0.5em 1em 0.3em 1em;
  color: white;
}

.amznad_lnk {
  color: white;
/*
  color: #0088ff;
*/
  font-size: x-large;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0.1em 0.1em black;
}

.amznad_lnk:hover {
	text-shadow: 0.1em 0.1em black, 0 0 0.4em #fff;
}

.amznad_hnt {
  color: white;
  font-size: xx-small;
}

.amznad_hnt_blk_shd {
  color: #111;
  font-size: xx-small;
  text-shadow: 0.1em 0.1em #ddd, 0 0 0.4em #fff;
  background: rgba(255,255,255,0.6);
  padding: 0.1rem 0.5rem;
}

.amznad_btn {
	border-radius: 0.5em; 
	margin: 0.5em; 
	padding: 0.5em; 
	font-weight: bold; 
	color: #0f1111; 
	background-color: rgb(255,216,20);
}

.amznad_btn:hover { 
	background-color: rgb(255,192,20);
}

.adhnt {
  font-weight: bold;
  font-size: xx-small;
  text-align: left;
}