@import url('https://fonts.googleapis.com/css?family=Assistant:200|Cinzel');

html, body, a, div, span, p, blockquote, img {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:101%;
    vertical-align:baseline;
	box-sizing: border-box;
}


body {
    line-height:1.4;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table, tr, td { vertical-align: top; border: none; box-sizing: border-box;}

.inhalt {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}

.logo { text-align:right; margin-top: 1em;}
.logo img { width:169px; height: 246px;}
.logo img:hover {background-color: #FFFFFF; background-color: rgba(255,255,255,0.70);}



img.sprachwahl_flagge {
    width: 28px;
    height: auto;
}


a { color:#000000; text-decoration:none;}

p { margin-bottom: 1.5em;}

li { margin-bottom: 0.5em;}

.untertitel {text-align: right; font-size:1.2em;font-family: 'Assistant', sans-serif;}

.untertitel_2 {text-align: left; font-size:1.1em;font-family: 'Assistant', sans-serif;}

.sprachwahl {float: right;}

.textblock {	margin: 2.5em 0;}

.kleiner { font-size: 82%; margin-top:2em; margin-bottom:0.8em;}

.noch_kleiner { font-size: 58%;}

.rechts { text-align: right;}

.abbatis { font-family: Cinzel, Times, serif;}

input, textarea { font-size: 101%;}

.breit { width: 100%;}

.breite_responsiv { max-width: 100%; min-width: 50px; margin-top: 4px;}

.social_button {width: 69px; height: auto;}


@media screen {
	
	
	body {
		color:#FFFFFF;
	
	}
	
	a {
		color:#d79432;
		-text-shadow: 1px 1px 1px #FFFFFF;
	}
	
	
	
	body {
  		background-color:#402514;
		background: url("hintergrund.jpg") no-repeat top center fixed; 
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		-webkit-background-size: cover;
		background-size: cover;
	}
	
	
	a:hover {
		color:#FFFFFF;
		background-color:#d79432;
		text-shadow: none;
	}
	
	h1 {
		color:#B05B00;
		font-weight: bold;
		padding-bottom:0; margin-bottom:0;
		text-shadow: 1px 1px 1px #6D2A00;
	}




	
	hr {
    	display:block;
    	height:1px;
    	border:0;   
    	border-top:1px solid #d79432;
    	margin:1em 0;
    	padding:0;
	}
	
	.textblock {
		padding: 0.3em 1.8em;
		margin: 1.7em 0;
		background-color: #FFFFFF;
		background-color: rgba(255,255,255,0.70);
		text-shadow: none;
		color: #6D2A00;
	}
	
	.textblock a {
	color: #B05B00;
	font-weight: bold;
	text-shadow: none;
	}
	
	.textblock a:hover {
		color:#d79432;
		background-color:#FFFFFF;
		text-shadow: none;
	}
	
	
	.dunkelbraun, .dunkelbraun a {
	color: #6D2A00 
	}
	
		.dunkelrot, .dunkelrot a {
	color: #A90003; font-weight: bold
	}
	
		.blaugrün, .blaugrün a {
	color: #224C5C; font-weight: bold
	}
	
	.dunkelgrau, .dunkelgrau a {
	color: #545454; font-family: 'Assistant', sans-serif
	}
	
	
	.dunkelbraun_kleiner, .dunkelbraun_kleiner a {
	color: #6D2A00;  font-size: 75%
	}
	
		.dunkelrot_kleiner, .dunkelrot_kleiner a {
	color: #A90003;  font-size: 75%
	}
	
		.blaugrün_kleiner, .blaugrün_kleiner a {
	color: #224C5C;  font-size: 75%
	}

	
	.abbatis2 {
	font-family: Cinzel, Times, serif;
	font-size: 17px;
	letter-spacing: 0.1em;
	}
	
	.abbatis3 {
	font-family: Cinzel, Times, serif;
	font-size: 24px;
	letter-spacing: 0.1em;
	}
}

@media print {	
	html, body, a, div, span, p, blockquote, img { font-size:95%;}
	.logo img { width:85px; height: 123px;}
}


@media (min-width:500px) {
	h1 {font-size: 320%}
	.untertitel {font-size:2em}
	.untertitel_2 {font-size:1.5em;}
	.einrueck_1 {padding-left:34px;}
	.einrueck_2 {padding-left:120px;}
	.einrueck_3 {padding-left:27px;}
}

@media (min-width:700px) {
	p, li { text-align:justify;}
}

@media screen and (max-width:699px) {
	.logo img { width:112px; height: 164px;}
}

@media screen and (max-width:399px) {
	.logo img { width:85px; height: 123px;}
	.inhalt { width: 96%; }
}

@media screen and (min-height:900px) {
	.inhalt { padding-top: 3em;}
}