@-ms-viewport{width:device-width;zoom:1}
@-o-viewport{width:device-width;zoom:1}
@viewport{width:device-width;zoom:1}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{margin-top:0.75em;}
body{font-family:"Times New Roman", Times, serif;color:#000099;background:none;margin:0 auto;font-size:62,5%;}

.SeitenBox{
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1000px;
	display: inline-block;
	background-color: white;
	color: #000099;
	}	

.wrapper{height:100%;text-align:center;}
.wrapper .u{text-decoration:underline;}
.wrapper .fett{font-weight:bold;}
.wrapper .kursiv{font-style:italic;}
.wrapper .links{text-align:left;}
.wrapper .rechts{text-align:right;}
.wrapper .center{text-align:center;}
.wrapper .rot_normal{color:#ff0000;}
.wrapper .grün_normal{color:#75aa30;}
.wrapper .rot_klein{color:#ff0000;font-size:1.2em;}
.wrapper a{color:#000099;text-decoration:none;}
.wrapper .linkul {color:#000099;text-decoration:underline;}
.wrapper a[href^="tel"]:link,
.wrapper a[href^="tel"]:visited,
.wrapper a[href^="tel"]:hover{color:#40bd00;text-decoration:none;}

header .topline{
	margin-bottom:0.5em;
	width:100%;
	font-size:0.75em;
	text-align:center;
	}
header .reisemobile{
	padding-left:0.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	font-size:2em;
	color:white;
	text-align:left;
	background:linear-gradient(to right, #000099, white);
	}

nav{
	text-align:center;
	white-space:nowrap;
	font-size:0.8em;
	}
nav ul{
	margin:0;
	padding:0;
	padding-left:2em;
	padding-right:2em;
	max-height:100%;
	}
nav ul li{
	margin:0;
	margin-top:0;
	padding:0;
	padding-top:0.7em;
	padding-left:0.5em;
	padding-right:0.5em;
	display:inline-block;
	vertical-align:middle;
	border:none;
	}
nav	.NavigationTrenner{
	margin: 0;
	width: 1px;
	height: 20px;
	background-image: radial-gradient(#000099 50%, #000099 50%);
	}
nav a{
	display:block;
	text-decoration:none;
	}
nav img{
	display:inline-block;
	width:1px;
	height:1.25em;
	}

main{
	margin:0;
	padding:0;
	font-size:0.75em;
	}
main h1{
	margin:0;
	padding:0;
	padding-top:0.25em;
	padding-bottom:0.25em;
	margin-left:5%;
	margin-right:5%;
	font-size:1.25em;
	}
main h2{
	margin:0;
	padding:0;
	padding-top:1.0em;
	padding-bottom:1.0em;
	margin-left:5%;
	margin-right:5%;
	font-size:1.0em;
	font-weight: normal;
	text-align: left;
	}
main p{
	margin:0;
	padding:0;
	margin-left:5%;
	margin-right:5%;
	padding-bottom:0.5em;
	text-align:justify;
	font-size:0.80em;
	word-break: keep-all;
	text-align: justify;
	}
main img.tittelbild{
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
	display: block;
	}
	
.NavigationTrenner {
	margin: 0.5em 0 0.5em 0;
	width: 100%;
	height: 2px;
	background-image: radial-gradient(#000099 25%, #ffffff 50%);
	}	
.Link {
	padding: 1.0em 0 1.0em 0;
	width: 100%;
	display: inline-block;
	text-align: left;
	}
.Link a{
	text-decoration:underline;
  	}

footer ul{
	display:block;
	list-style:none;
	vertical-align:text-top;
	}
footer li{
	margin:5px;
	padding:5px;
	display:inline-block;
	font-size:0.75em;
	width:11.25em;
	border-radius:4px;
	border:solid 1px;
	}
footer a{
	padding:0.5em;
	display:block;
	text-align:center;
	text-decoration:none;
	}
footer img{
	width: 2px;
	height: 50px;
	}
footer .footline{
	margin-bottom:0.5em;
	width:100%;
	font-size:0.5em;
	text-align:center;
	}
footer .FooterTrenner{
	margin: 0.5em 0 1.0em 0;
	width: 100%;
	height: 2px;
	background-image: radial-gradient(#000099 25%, #ffffff 50%);
	}
footer .FootSpacer{
	margin: 0;
	width: 1px;
	height: 50px;
	background-image: radial-gradient(#ffffff 50%, #ffffff 50%);
	}
	
/* Wenn Display größer als 48em*/
@media only screen and (min-width:48em){

header .topline{
	font-size:1em;
	}
header .reisemobile{
	padding-left:0.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	font-size:2em;
	color:white;
	text-align:left;
	}

nav{
	font-size:1.4em;
	}
nav	.NavigationTrenner{
	height: 30px;
	}
	
main h1{
	margin-top:1em;
	font-size:2em;
	}
main h2{
	font-size:1.5em;
	}
main h3{
	font-size:1.25em;
	}
main p{
	font-size:1.00em;
	}

main .tittelbild{
	padding-top:1em;
	}

footer li{
	font-size:1em;
	}
footer img{
	height: 100px;
	}
footer .footline{
	font-size:1em;
	}

#mbmcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 20px; font-size: 14px; font-family: verdana;}
#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie a.button:hover {background-color: #aaa;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}