@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600');

/* NEU */

body {
	margin: 0; padding: 0; 
	background-color: #f7fff9;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	font-family: 'Oswald', sans-serif;
	color: #0b3257;
}

.header {
	width: 100%;
	background-color: #cc0033;
	margin-top: 4px;
	color: #fff;
}

.navigation {
	width: 100%;
	background-color: #0b3257;
}

.header .header-content,
.footer .footer-content,
.header .navigation ul,
.content {
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}

.header .header-content {
	padding: 10px 20px;
}	

.header .header-content .logo {
	padding: 5px;
	font-family: 'Oswald', sans-serif;
}

.header .header-content .logo a img,
.content-mitte p img {
	max-width: 100%;
	height: auto;
}

.header .navigation ul {
	text-align: center;
	padding: 0;
}

.header .navigation ul li {
	display: inline-block;
}

.header .navigation ul li a {
	display: inline-block;
	color: #fff;
	padding: 10px 30px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.2em;
}

.header .navigation ul li a:hover {
	background-color: #416582;
}

h1, h2, h3, p, ul, a, label, .content-pagination {
	font-family: 'Oswald', sans-serif;
}

.content.content-uebersicht h1,
.top-block {
	color: #fff;
	background-color: #0b3257;
	border-top: 4px solid #cc0033;
	border-bottom: 4px solid #c9c615;
	padding: 5px 10px;
	margin-top: 0;
}

.top-block {
	height: 2.95em;
	margin-bottom: 1.3em;
}

.content.content-uebersicht h1 a {
	color: #fff;
	text-decoration: none;
}

.content.content-artikel h1 {
	text-decoration: underline;
}

.content h2 {
	font-size: 1em;
	margin-bottom: 0;
}

.content p {
	margin-top: 5px;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: 300;
}

.content a {
	color: #0b3257;
}

.content-mitte {
	padding: 0 20px;
}

.content-mitte.content-seite {
	padding: 0;
}

.content-mitte.content-seite h2,
.content-mitte.content-seite p {
	padding: 0 20px;
}

.content .content-rechts {
	margin-bottom: 20px;
}

.content .content-rechts .banner-rechts {
	border: 2px solid #a30228;
	padding: 2px;
	margin-top: 10px;
}

.content .content-rechts h3 {
	color: #fff;
	background-color: #0b3257;
	text-align: center;
	padding: 0 3px 3px 3px;
	margin: 0;
	font-size: 1.8em;
}

.content .content-rechts ul {
	list-style-type: none;
	padding: 0 10px;
	font-size: 1em;
	font-weight: 600;
}

.content .content-rechts ul.rechner {
	font-size: 1.5em;
}

.content .content-rechts ul.rechner li:nth-child(even) a {
	color: #cb0332;
}

.content .content-rechts ul li {
	padding: 3px;
}

.content .artikelbild {
	float: left;
	display: inline-block;
	padding-right: 10px;
	padding-top: 6px;
}

.content .artikel .artikelbild {
	padding-top: 13px;
}

.content .artikelbild.bild-klein {
	padding-top: 13px;
}

.content .artikelbild img {
	width: 100px;
	height: auto;
}

.content .artikel {
	float: left;
}

.content .artikel.first {
	float: none;
}

.content .content-pagination {
	margin: 20px 0;
}

.content .content-pagination ul {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

.content .content-pagination ul li {
	display: inline;
}

.content .content-pagination ul li a {
	padding: 5px 10px;
	text-decoration: none;
}

.content .content-pagination ul li a.active {
	font-weight: 600;
}

.content .content-pagination ul li a.active,
.content .content-pagination ul li a:hover {
	color: #fff;
	background-color: #0b3257;
}

.footer {
	width: 100%;
	background-color: #0b3257;
}

.footer .footer-content {
	padding: 5px 20px;
	color: #fff;
}

.footer .footer-content a {
	color: #fff;
}

/* Suche */

.suche {
	height: 40px;
}

.suche form {
	position: absolute;
	margin: 0;
}

#suchfeld {
	float: left;
	width: 150px;
	background-color: #a30228;
	box-shadow: none;
	border: 0;
}

#suchfeld::placeholder {
	color: #d18194;
}

#suchbutton {
	position: absolute;
	top: -5px;
	right: 10px;
	background: transparent;
	border: 0;
}


@media (min-width: 64em) {
	
	.content .content-rechts {
		float: right;
		width: 308px;
	}
}

#g_plus_one {
	z-index: 9999;
}

/* Admin */

.admin-top-right {
	text-align: right;
}

.admin-top-right img {
	float: right;
	padding-left: 7px;
}

.info-oben .pure-button {
	margin-top: 1em;
}

.content a.button-error {
	background: rgb(202, 60, 60);
	color: #fff;
}
.admin-mitte {
	margin-bottom: 10em;
}

.admin-mitte label {
	margin-top: 2em;
}

.admin-mitte textarea {
	width: 100%;
	height: 300px;
}


/* Werbung */

.mobile-ad,
.smart-ad {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 300px;
	height: 250px;
}

.content .content-rechts:first-child,
.content .content-rechts:first-child .mobile-ad {
	display: none;
}

.content .content-rechts.content-rechts-start:first-child {
	display: block;
}

.content-ad,
.werbung-oben,
.ad-rechner,
.ad-banner-rechts {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: none;
}

.content .content-ad {
	margin: 30px auto;
	text-align: center;
}

.content .mobile-ad,
.content .smart-ad {
	margin: 10px auto;
	text-align: center;
}

/* Scrollicon */

a.scrollicon{
	text-align: center;
	text-decoration: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: none;
	background: #f5f5f5;
	opacity: 0.5;
	position: fixed;
	bottom: 60px;
	right: 60px;
	display: none;
	border: 1px solid #0c3256;
	float: none;
	letter-spacing: 0;
	text-indent: 0;
	z-index: 10000;
}
a.scrollicon div{
	font-weight: bold;
	font-size: 28px;
	color: #0c3256;
	padding-top: 12px;
}

@media only screen and (min-width: 480px) {
	.suche form {
		float: right;
	}
	
	#suchbutton {
		top: 5px;
	}
	
}

@media (min-width: 35.5em) {

	.content .artikelbild img {
		width: auto;
		height: auto;
	}

	.content .artikel .artikelbild img {
		width: 180px;
		height: auto;
	}

}

@media (min-width: 48em) {
	.suche {
		height: auto;
	}
	
	.suche form {
		margin-top: 30px;
	}
	
	.smart-ad,
	.content .content-rechts .banner-rechts-mobile {
		display: none;
	}

	.content .content-rechts:first-child,
	.content .content-rechts:first-child .mobile-ad {
		display: block;
	}

	.content-ad {
		display: inline-block;
		width: 100%;
		height: auto;
	}
}

@media (min-width: 970px) {

	.mobile-ad,
	.content .content-rechts:first-child .mobile-ad {
		display: none;
	}

	.werbung-oben {
		width: 970px;
		height: 250px;
		display: inline-block;
	}

	.ad-banner-rechts {
		width: 300px;
		height: 600px;
		display: inline-block;
	}

	.ad-rechner {
		width: 300px;
		height: 250px;
		display: inline-block;
	}	
}

@media (min-width: 64em) {

	.header .header-content,
	.content-mitte,
	.content-mitte.content-seite h2,
	.content-mitte.content-seite p {
		padding: 0;
	}
	
	.footer .footer-content {
		padding: 5px;
	}

	.content .content-rechts .banner-rechts {
		margin-top: 0;
	}
}