<style>
	@font-face {
    font-family: 'Gotham Rounded';
    src: url('https://cms.kyrnos.de/1564/Fonts/GothamRounded-Bold.woff2') format('woff2'),
        url('https://cms.kyrnos.de/1564/Fonts/GothamRounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('https://cms.kyrnos.de/1564/Fonts/GothamRounded-Medium.woff2') format('woff2'),
        url('https://cms.kyrnos.de/1564/Fonts/GothamRounded-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
* { margin:0px; box-sizing:border-box; }
html {min-height: 100%; }
#wrapper {
	margin:12px auto;
	border:2px #6E97A6 solid;
	max-width: 740px;
	color:#6E97A6;
	position:relative;
	padding:0;
	background-color:#FFFFFF;
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family: 'Roboto', sans-serif;
	/* font-family: 'Open Sans', sans-serif; */
	/* font-family:  Times, "Times New Roman", serif; */
	/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
	/* font-family: Trebuchet MS, Arial, Helvetica, sans-serif; */
	/* font-family: Verdana, Geneva, sans-serif; */
	/* font-family: Tahoma, Geneva, sans-serif; */
	font-size: 12px;
	line-height: 15px;
	text-align:left;
	overflow:hidden;
}
p{margin-bottom: 10px;}
h1{
	margin:0 0 15px;
	font-size: 35px;
	line-height: 40px;
	font-family: 'Gotham Rounded';
	color: #E51C1F;
	text-align: center;
  text-transform: uppercase;
}
h1 span {
    font-weight: 400;
    display: block;
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 15px;
}

h3{
	font-size: 24px;
	line-height: 28px;
	font-family: 'Gotham Rounded';
	color: #E51C1F;
	font-weight: 400;
	margin: 20 0 5px;
	text-align: center;
	margin-top:15px;
}
a {
	color:#6E97A6;
	text-decoration:none;
}
a:hover{text-decoration: underline;}
a u{color: blue;}
img {
	max-width: 100%;
	height: auto;
	width: auto;
	border:none;
	vertical-align: middle;
}
ul {
	padding: 5px 0px 0px 0px;
	list-style:none;
}
ul li {background: url(https://cms.kyrnos.de/1564/Fonts/iconlist.jpg) no-repeat 0px 6px;padding-left: 15px;}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 10px;}

.contact {
margin-top: 15px;
}

/* Header */
header {width: 100%;float: left;}
/* Ende Header */

/* Article */
article {width: 100%;float: left;padding: 35px 50px 0;font-size: 94%;}
/* Ende Article */

/* Footer */
footer {width: 100%;float: left;padding: 45px 50px;}
footer section {float: right;text-align: right}
footer img {float: left;margin-top: -16px; max-width: 10px;}
.footer {
	max-width: 20%;
}
a.btn {font-weight: 900;color: #fff;background: #E51C1F;display: inline-block;padding: 10px;border-radius: 10px;font-size: 19px;line-height: 23px;margin: 12px 0;}
a.btn:hover {text-decoration: none}
/* Ende Footer */

/* Aside */
aside:nth-of-type(1){float: left;width: 48%;padding-top: 5px;}
aside:nth-of-type(2){float: right;width: 48%;padding-right: 10px;padding-top: 5px;}
/* Ende Aside */


/* Section */

/* Ende Section */
@media only screen and (max-width:704px) { 
	#wrapper{border: none;font-size: 13px;line-height: 17px;}
	article {padding: 15px 15px 0;}
	footer {padding: 15px;}
	footer img {margin-top: 0}
	aside{width: auto !important;float: none !important;padding: 0 !important;}
	h1 {font-size: 30px;line-height: 34px}
	h1 span {font-size: 24px;line-height: 28px}
	article br {display: none}
	footer img {clear: both}
}
@media only screen and (max-width:704px) { 
	footer section {text-align: left;float:left;clear: both}
}
</style>