/* Default: Smartphone (mobile first) */

*, *:before, *:after {
  box-sizing: border-box;
}

body {
  max-width: 60em;
  margin: 1em auto;
  font-family: arial,sans-serif;
}

.logo {
  text-align: center;
  margin-top: 30%;
  margin-bottom: 1em;
  xpadding: 0 !important;
  xborder: solid 1px green;
}

/* ##########################################################
.logo img {
	margin: 0 !important;
	padding: 0 !important;
line-height: 0;
font-size: 0;
border: 1px solid red;
}
.logo > p {
	border: 1px solid blue;
	height: 0;
	line-height: 0;
	font-size: 0;
	text-align: center;
	margin: 0;
	padding: 0;
}
*/

.links {
  margin-top:10px;
  margin-bottom:20px;
  text-align:center;
  color:Teal;
}
a:link    { text-decoration:none; color:Teal }
a:visited { text-decoration:none; color:Teal; }
a:hover   { text-decoration:underline; color:#0066CC; }

.impressum {
	margin: 0 auto; /* zentrieren */
	text-align: left;
	border: 2px dotted #0066cc;
	border-radius: 20px;
	padding: 12px;
	color: #444;
	background-color: #FFFFF0;
	font-size: 95%;
	line-height: 1.5em;
	max-width: 15em;
	width: auto;
}

/* im Impressum */
.impressum > p {
	margin: 0;
	padding-left: 10px;
}

/* Text bei andrea, stefan ... */
.simple {
	margin: 20px 0 20px 0;
	text-align: center;
	line-height: 1.5em;
	font-size: 110%;
}
.simple .links {
	margin-top: 20px;
	font-size:120%;
}

h1 {
	font-size:180%;
	font-weight:normal;
	color:#0066CC;
	text-align: center;
	margin: 1.2em 0 0.6em 0;
}
h2 {
	font-size:120%;
	font-weight:normal;
	color:#0066CC;
	text-align: center;
	margin: 0 0 1.5em 0;
}
h4 {
	font-size:100%;
	font-weight:bold;
	margin: 0 0 0.2em 0;
}
.line {
        height: 1px;
        margin: 0 auto;
        background-image: linear-gradient(        left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -o-linear-gradient(     left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -moz-linear-gradient(   left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -ms-linear-gradient(    left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, gray), color-stop(0.98, white) );
}
.line.bottom {
	clear: both;
	margin-top: 1.5em;
}
.text {
	font-family: arial,sans-serif;
	font-size:100%;
	max-width: 90%;
	line-height: 1.0em;
	text-align:left;
	margin: auto; /* für Zentrierung */
	xborder: solid 1px green;
}
.text p {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.5em;
	xtext-align: left;
	text-align: justify;
	text-indent: 1em;
}
.comment {
  font-size:90%;
  font-family: arial,sans-serif;
}
li {
  margin-bottom:10px;
  list-style-type:disc;
font-size: 110%;
line-height:1.3em;
}
ul {
  margin-left:20px;
  padding-left:0px;
}
td.legende {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
}
.pm {
	width: 300px;
	text-align: center;
	margin: auto; /* für Zentrierung */
	margin-top: 30px;
	margin-bottom: 60px;
	border: 3px solid black;
	padding: 8px;
	font-size: 80%;
	color: #000;
}

/* Mobile */
.rd_desktop {
	xborder: solid 1px red;
}
.rd_mobile {
	xborder: solid 1px blue;
}
.rd_desktop {
	display: none !important;
}
.rd_mobile {
	display: unset !important;
}
.impressum_wrapper {
	position: relative;
	text-align: center;
}
.impressum_link, .impressum_close_link {
	position: fixed;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
/* Desktop */
@media (min-width: 768px) {
	body {
		font-size: 80%;
	}
	.logo {
		margin-top: 15%;
	}
	.impressum {
		margin-top: 5em;
		width: 15em;
		font-size: 85%;
		border: 1px dashed #0066cc;
		border-radius: 5px;
		padding: 8px;
	}
	.impressum_link {
		position: relative;
		margin-top: 5em;
	}
	.impressum_close_link {
		position: relative;
		margin-top: 1.5em;
	}
	.text {
		font-family: verdana,arial,sans-serif;
		width: 450px;
		xborder: solid 1px red;
	}
	.text p {
		margin: 20 0 20 0;
		font-size: 1.1em;
		line-height: 1.4em;
		text-indent: 1.5em;
		text-align: justify;
	}
	.links {
		font-family: verdana,arial,sans-serif;
	}
	.rd_desktop {
		display: unset !important;
	}
	.rd_mobile {
		display: none !important;
	}
	#bottom {
		margin-top:1000px;
	}
}