@font-face{
    font-family:"AvantGardeGothicITC W01 Book";
    src:url("Fonts/5390730/a98bdca9-ab20-41a6-98f3-ed6bb54ed69e.eot?#iefix");
    src:url("Fonts/5390730/a98bdca9-ab20-41a6-98f3-ed6bb54ed69e.eot?#iefix") format("eot"),url("Fonts/5390730/5b13893e-ac07-4b49-b0e4-355de4e4df8d.woff2") format("woff2"),url("Fonts/5390730/a9e70966-2348-4c54-ace1-7f809fcee055.woff") format("woff"),url("Fonts/5390730/9cb9e06e-0507-4768-ad8f-cba7f3ec98b6.ttf") format("truetype");
}

html {
    width: 100%;
    height: 100%;
}

body {
	-webkit-text-size-adjust: none;
	overflow: hidden;
	height: 100%;
	margin:0;
	font-family: AvantGardeGothicITC W01 Book, Arial, sans-serif;
	color: #424242;
	font-size:16px;
	line-height:18px;
	letter-spacing: 0px;
	font-weight: normal;
	background-color:#fff;
	background-image:url(images/hg.jpg);
	background-repeat:repeat-y;
	background-size: contain;
}	
@media only screen and (max-width:1040px) {
	body {
		background-image:url(images/hg-klein.jpg);
	}
}

h1 {
    margin: 327px 0px 0px 0px;
	font-family: AvantGardeGothicITC W01 Book, Arial, sans-serif;
	font-weight: normal;
	color: #424242;
	xcolor: #3c3c3c;
	font-size:35px;
	line-height:35px;
	letter-spacing: 26px;
	/* background-color:#fff000;	 */
}
@media only screen and (max-width:980px) {
	h1 {
		color: #3c3c3c;
	}
}
@media only screen and (max-width:768px) {
	h1 {
	    margin: 150px 0px 0px 0px;
		color: #323232;
		font-size:24px;
		letter-spacing: 14px;
	}
}
@media only screen and (max-width:320px), (max-width:480px) {
	h1 {
	    margin: 70px 0px 0px 0px;
		color: #222;
		font-size:20px;
		letter-spacing: 8px;
	}
}	

.nowrap {white-space: nowrap;}

/********* Start  *************************************/
/******************************************************/

.content {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.content_start {
	position: relative;
    width: 600px;
	margin-left:auto; 
	margin-right:auto;
}

.content_start-namen {
	clear:both;
    width: 605px;
    margin: 22px 0px 0px 2px;
	font-family: AvantGardeGothicITC W01 Book, Arial, sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:18px;
	letter-spacing: 0px;
}

@media only screen and (max-width:768px) {
	.content_start {
   	 	width: 400px;
	}
	.content_start-namen {
		margin: 40px 0px 0px 2px;
   	 	width: 400px;
	}
}
@media only screen and (max-width:320px), (max-width:480px) {
	.content_start {
   	 	width: 270px;
	}
	.content_start-namen {
		margin: 45px 0px 0px 0px;
   	 	width: 270px;
	}
}	

.content_start-renate {
	float:left;
    width: 33%;
	color: #222222;
}

.content_start-barbara {
	float:left;
    width: 33%;
	color: #222222;
	text-align: center;
}

.content_start-anja {
	float:left;
    width: 33%;
	color: #222222;
	text-align: right;
	xbackground-color:#fff080;	
}

@media only screen and (max-width:768px) {
	.content_start-renate,
	.content_start-barbara,
	.content_start-anja {
   	 	clear: both;
		width: 100%;
		text-align:center;
		height: 50px;
	}
}
@media only screen and (max-width:320px), (max-width:480px) {
	.content_start-renate,
	.content_start-barbara,
	.content_start-anja {
		height: 50px;
	}
}

/******************************************************/

a:link {
    color:#282828;
    text-decoration:none;
}

a:visited {
    color:#282828;
    text-decoration:none;
}

a:hover {
    color:#000;
	font-family: AvantGardeGothicITC W01 Book, Arial, sans-serif;
    text-decoration:none;
}

a:active {
	color: #000;
	font-family: AvantGardeGothicITC W01 Book, Arial, sans-serif;
    text-decoration:none;
}

/******************************************************/

.responsive-an {
	display:none;
}
.responsive-aus {
	display:block;
}
@media only screen and (max-width:768px) {
	.responsive-an {
		display:block;
	}
	.responsive-aus {
		display:none;
	}
}

.iphone-an {
	display:none;
}
.iphone-aus {
	display:block;
}
@media only screen and (max-width:320px), (max-width:480px) {
	.iphone-an {
		display:block;
	}
	.iphone-aus {
		display:none;
	}
}

/******************************************************/