/* Allgemein */

h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1{font-size: 30px;}
h2{font-size: 24px; margin: 10px 0;}
h3{font-size: 20px; margin: 30px 0 10px;}
h4{font-size: 18px; margin: 30px 0 10px;}
h5{font-size: 16px;}
h6{font-size: 15px;}
a {color: #C91800; text-decoration:none;}
a:hover{color: #D68D83;}
p{margin:15px 0;}
body {
	background-color: #FFF;
	font-family: 'Raleway', sans-serif;
	color: #000;
	font-size: 16px;
	margin:0;
}

header, footer, .main {
	width: 1000px; 
	margin: 10px auto; 
	background-color: #fff;
	border-bottom: #003BA3 1px solid;
}

/* Header */

header {border-bottom: #003BA3 1px solid;}
.header1 {float:left; padding:25px 0 0; color:#6EA9FF; font-size:36px; font-weight:bold;}
.header {margin:40px 0 -30px;}
.header img{float:right;}

/* Navigation */	

.nav-btn{display:none;}
ul.sidenav{list-style-type: none; padding: 0; margin:0; line-height: 30px;}
ul.sidenav li {display:inline; padding: 0 10px;}
ul.sidenav li:hover{}

/* Main */

.main{}
.wrap {
	clear: both;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.entry {
	padding: 15px 15px 15px 10px;
	width:700px;
	display:block;
	line-height:26px;
}

.impt{color:#003BA3;}

/* Button */ 

a.button {color:#fff; font-size:24px;background-color:#003BA3;padding:12px 15px; border-radius:5px;}
a.button:hover {color:#fff;background-color:#6EA9FF}
a.button:before{font-family: FontAwesome; content:"\f098";margin-right:10px;}
.nurmobile {display:none;} 

/* Bilder */

img {}

/* Sidebar */

.sidebar-rechts{width: 220px; display:block; padding: 25px 10px 0;font-size:14px;}
.sideimg img{padding-left:10px;}

.infobox ul {list-style:none; padding:0; font-size:16px; line-height:24px;}
.infobox ul li{}
.infobox ul li:before{content: "\2023 \0020"; font-size:24px; position:relative;}

/* Footer */

footer {}
footer p {text-align: center; margin:0 0 10px; font-size: 16px;}


/* --- Responsive --- */
/* ------------------ */
/* iPad & Small Screens */

@media only screen and (min-width:768px) and (max-width:1024px) {
	header, footer, .main {width: 90%;}
	.entry {	width:65%; padding: 15px 15px;}
	.sidebar-rechts{width: 35%; padding: 15px 15px;}
}
	
/* Smartphones */

@media only screen and (max-width:768px){
	
	h1 {font-size:24px; margin-bottom:5px;}
	h2{font-size:20px;}
	header, footer, .main {width: 90%;}
	.wrap {display:block; padding: 15px 25px;}
	.entry {width:100%; padding: 0;}
	header h1 {float:none; font-size:32px;}
	.header {text-align:center;margin:0;}
	.header img{float:none; margin-top:10px;}
	.header1{float:none; font-size:24px; padding:0; margin:10px 0 15px;}
	.sidebar-rechts{width:100%; padding: 25px 0 0; border-top: #003BA3 1px solid;}
	ul.sidenav{font-size: 24px; margin: 0; border-top: none; display:none;}
	ul.sidenav li {text-align:center; padding:5px; display:block;}
	.nav-btn{display:block; border-top:1px solid #2A62DD; color:#555; cursor:pointer; text-align:center; padding:8px 24px 8px 0; font-size: 24px;}
	.nav-btn:after{content:"Menu";}
	
	.nurmobile {display:block;}
	.spanabstand {margin:20px 0 30px;}
	p{margin:5px 0;}
	a.button {font-size:24px;padding:12px 15px;}
	span.phone3 {line-height: 60px; display:block; text-align:center;}
	span.phone3 a{color:#fff; font-size:24px;background-color:#003BA3;padding:12px 15px; border-radius:5px;}
	span.phone3 a:hover{color:#fff;background-color:#6EA9FF}
	span.phone3 a:before{font-family: FontAwesome; content:"\f098";margin-right:10px; color:#FFF;}
	span.phone6 {text-align:center; display:block;}
	footer p {font-size:14px;}
}

/* Smartphones w/ small screens */

@media only screen and (max-width:480px){header h1 {font-size:28px;}