/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */

/* adamina-regular - latin */
@font-face {
  font-family: 'Adamina';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/adamina-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/adamina-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style: none;
    list-style-image: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
	outline: none;
	text-decoration:none;
    background:transparent;
	vertical-align:baseline;
}

a, a > * {
	color: #7592A4;
	text-decoration: none;
}

article a {
    text-decoration: underline;
}

.style-1 a:hover {color: #1c7fbd;}

ul { margin-left:1.5em;}
ul li {
	list-style:disc outside; padding-left:.5em; font-size:14px;
}



blockquote {
	position: relative;
	margin-bottom: 1.5em;
    padding: 24px 45px 20px 60px;
	border: 1px solid #ebebeb;
    background-color: #f9f9f9;
    font: italic 14px/1.6 'Adamina', serif;
	color: #6d7a7e;
}

blockquote:after,
blockquote:before {
	position: absolute;
	width: 33px;
	height: 23px;
	background-image: url(images/quotes.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
}

blockquote:before {left: 20px; top: 20px;}

blockquote:after {
	margin: 5px 0 0 20px;
	background-position: right top;
	bottom: 20px;
	right: 20px;
}

address {
	margin-bottom: 50px;
	font-style: normal;
	line-height: 1.7;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	font: 12px/1.5 Arial, sans-serif;
	color: #5B636E;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: #f3f1f6;
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.6em;
	font-size:14px;
}

h1 { font-size: 34px;}
h2 { font-size: 26px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Adamina', serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	color: #606163;
	font-weight: bold;
	line-height: 1.25;
}

.start h1,
.start h2,
.start h3 { text-align:center;}
 
#logo h1 { color:#fff; float:right; font-size:40px; font-weight:bold;}
#logo h1 span { display:block; font-size:16px; font-weight:normal; line-height:1.4em; margin-top:10px;}

h3 { line-height:1.4em; margin:1.5em 0 .5em;}
h4,h6 {line-height: 1.5em;}

	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}

	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}

	/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */

	

	.alignleft {float:left;}

		img.alignleft {margin: 0 20px 20px 0;}

	article img { max-width:100%;}
	
	/* -------------------------------------------------- */
	/*	 Highlight	
	/* -------------------------------------------------- */
	
	
	.highlight1::selection,
	.highlight2::selection,
	.highlight3::selection,
	.highlight4::selection {
		padding: 1px 3px;
		color: #fff;
	}
	
	

	.highlight1::selection {background-color:#1f221e;}
	.highlight2::selection {background-color:#457935;}
	.highlight3::selection {background-color:#a6412b;}
	.highlight4::selection {background-color:#2b65a6;}
	


	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

	button {
		cursor: pointer;
		-webkit-appearance: button;
	}

	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		vertical-align: baseline;
	}

	label {
		cursor: pointer;
		margin: 0;
	}

	input, textarea, select {
		color: #8f8f8f;
		font: 12px/1.5 Arial, sans-serif;
		padding: 0 10px;
		background-color: #e9e9e9;
		border: none;
	}

	input {
		height: 30px;
		border: 1px solid transparent;
		line-height: 30px;
	}


	textarea {
		padding: 10px;
		border: 1px solid transparent;
	}

	/* Firefox */
	input:-moz-placeholder,
	textarea:-moz-placeholder {color: #8f8f8f;}

	/* Chrome, Safari */
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {color: #8f8f8f;}


        
        .back {
            line-height: 3em;
            text-align: center;
            display: block;
            width: 100%;
            color: #fff;
        }
        

/* ---------------------------------------------------------------------- */
/*	Layout
/* ---------------------------------------------------------------------- */

.wrap {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 980px;
	box-shadow: 0 0 0 10px rgba(0,0,0,.07);
	background-color: #fff;
}

	.container {
		position: relative;
		margin: 0 auto;
		width: 940px;
		background-color: #fff;
	}


/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

.wrap-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 285px;	
}

.style-1 .wrap-header {
	background-color: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #cccccc 85%, #5B636E 85%, #5B636E 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(85%,#cccccc), color-stop(85%,#5B636E), color-stop(100%,#5B636E)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#cccccc 85%,#5B636E 85%,#5B636E 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#cccccc 85%,#5B636E 85%,#5B636E 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#cccccc 85%,#5B636E 85%,#5B636E 100%); /* IE10+ */
	background: linear-gradient(top,  #cccccc 0%,#cccccc 85%,#5B636E 85%,#5B636E 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#5B636E',GradientType=0 ); /* IE6-9 */
}

#header {
	position: relative;
	z-index: 9;
	width: 100%;
	padding: 54px 0 25px;
	background:#fff url('../images/peter-goetz-header.jpg') no-repeat 10px 10px;
}

	#logo {
		float: left;
		margin: 0 30px 12px;
	}
	
	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	.navigation {
		clear: both;
		padding: 0 10px;
		height: 40px;
	}
	
	.style-1 .navigation  {background-color: #5B636E;}

			.navigation > ul > li {
				position: relative;
				float: left;
				margin: 0;
				list-style: none;
			}
			


/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.post {
	margin-top: 25px;
	padding-top: 35px;
}


	.post:first-child {
		padding-top: 0;
		margin-top: 0;
		border-top: none;
	}
	

	.post .title {margin-bottom: 1.1em; padding-top:20px;}
	
		<!-- thumbnail Artikelbild -->
		.single-image.small img {
			display:block;			
			width:150px;
			}
		
		<!-- Artikelbild im Artikel -->
		.single-image img {
			display:block;
			width:250px;
			}
			
		<!-- Bildunterschrift im Artikel (Titel) -->
		.single-image .untertitel { }
		


		.widget_search input::-moz-input-placeholder {color: #a1a1a1;}
		.widget_search input::-webkit-input-placeholder {color: #a1a1a1;}



/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	position: relative;
	margin-top: 35px;
	padding: 0 0 30px;
}



	ul.copyright {
		position: relative;
		clear: both;
		margin: 0 auto 0;
		padding: 20px 0 0;
		width: 98%;
		border-top: 2px solid #e0e1e3;
		list-style: none;
		text-align: center;
	}
	
	ul.copyright:after {
		position: absolute;
		top: -10px;
		left: 50%;
		display: block;
		/*background: url(images/stars.png) no-repeat 50% 0 #fff;*/
		width: 135px;
		margin-left: -67px;
		height: 16px;
		content: '';
	}
		
		ul.copyright li:first-child {padding-left: 0;}
		ul.copyright li:first-child:before {margin: 0; content: '';}
	
		ul.copyright li {
			display: inline-block;
			font-size: 11px;
			color: #6d7a7e;
		}
		
		
		ul.copyright li:before {
			margin: 0 8px;
			content: '.';
			vertical-align: text-bottom;
			line-height: 1.8;
		}
	


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
	/* ---------------------------------------------------------------------- */

	.wrap {width: 766px}

	.container {width: 748px;}


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
	/* ---------------------------------------------------------------------- */
	
	.wrap {width: 318px;}

	.container {width: 300px;}

	/* ---------------------------------------------------------------------- */
	/*	Header
	/* ---------------------------------------------------------------------- */
	
	#logo {
		float: none;
		display: block;
		text-align: center;
	}
			
		/* -------------------------------------------------- */
		/*	Main Navigation
		/* -------------------------------------------------- */
		
		.navigation { padding: 0 10px;}
		
		.navigation > ul {display: none;}
		
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
	/* ---------------------------------------------------------------------- */
	
	.wrap {width: 460px;}

	.container {width: 420px;}

	/* ---------------------------------------------------------------------- */
	/*	Header
	/* ---------------------------------------------------------------------- */
	
		#logo {
			float: none;
			display: block;
			text-align: center;
		}
			
		/* -------------------------------------------------- */
		/*	Main Navigation
		/* -------------------------------------------------- */
		nav { display:none;}
		.navigation {padding: 0 20px;}
		
		#header { background:#7996A8 none; padding-top:20px; border-bottom:10px solid #fff;}

		
}

@media only screen and (max-width: 480px)  {

	#header { background:#7996A8 none;padding-top:10px; border-bottom:10px solid #fff;}
	nav { display:none;}
	
}

	/* ---------------------------------------------------------------------- */
	/*	Keyframes
	/* ---------------------------------------------------------------------- */

	@-webkit-keyframes move {
		0% {
			-moz-transform: scale(0);
		}
		100% {
			-moz-transform: scale(1);
		}
	}
	
	@-moz-keyframes move {
		0% {
			-moz-transform: scale(0);
		}
		100% {
			-moz-transform: scale(1);
		}
	}
	
	@keyframes move {
		0% {
			-moz-transform: scale(0);
		}
		100% {
			-moz-transform: scale(1);
		}
	}