@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway);

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

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

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

body {background-color:#0096A3;}

/* Schriften etc */ 

h1 
	{font-family: "Alegreya"; 
	font-size:24px}
h2 
	{font-family:"Alegreya"; 
	font-size:20px; 
	color:#465E6E}

a 
	{text-decoration:none; 
	color: #00424D; 
	font-family:"Alegreya", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:24px;
	padding: 2px 100px 0px 115px;}

p 
	{font-family: "Raleway", sans-serif;}


/* DIVS */ 

#foto 
	{width:420px; 
	border:solid white 1px; 
	float:left;}

#texte 
	{width:600px; 
	border:solid white 1px; 
	float:right;}

#navigation 
	{margin:5px auto;
	padding: 5px;
	width:1130px;	
	background:white;}
 
#header 
	{ width: 1100px; height:254px;
	margin:5px auto;
	padding:10px;
	border:10px solid #ffffff;
	background-color: #ffffff;}

#content 
	{margin:5px auto;
	padding:10px;
	border:10px solid #ffffff;
	width: 1100px;
	background-color: #ffffff; 
	}

#bodyTexte h2 {margin-top:45px;}


footer {padding-top:40px;clear:both;}



/* Ausnahmen */ 

.bildertext 
{position:relative;
width: 800px;
margin:auto;}

.pdf {font-family:"Alegreya"; 
	font-size:15px; 
	color:#465E6E}

.head 
	{padding: 0;
	margin: 0; }

.texte 
	{width:1100px;}
		
.texteBuecher 
	{height:320px;
		width:1100px;}

.footer 
	{font-family:"Alegreya"; 
	font-size: 20px;
	font-weight: bold;
	text-decoration:none;
	padding: 115px 100px 0px 115px}

.vitatexte 
	{width: 1000px;
	margin: auto 70px 90px auto;}
	


/* Das Kontaktformular */ 

form {
  background-color: #eee;
  width: 1000px; 
  padding: 40px;
  border: 1px solid #8c8c8c;
}

label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}

input#absender,
textarea {
  width: 900px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}

textarea {
  height: 10em;
}

input:focus,
textarea:focus {
  background-color: #d9d9d9;
}