html,body{
  width:100% !important;
  height:100% !important;
  margin:0;
  padding:0;
}

@font-face {
  font-family: 'DarkAges';
  src: url('./dark_ages.TTF') format('truetype');
}

body{
  background-color:#e6eae0;
  font-family: 'Verdana';
}

a[href]{
  color:#829b3d;
  text-decoration:none;
}

a[href]:hover{
  color:#a3bb61;
  text-decoration:none;
}

#mainCenter{
  position:relative;
  width:900px;
  height:50%;
  margin:0px auto;
}

#mainBox{
  position:absolute;
  bottom:-300px;
  left:0;
  background-color:#f6f5e7;
  width:100%;
  height:660px;
  border-radius:64px;
}

#mainTop{
  font-family: 'DarkAges';
}

#topName{
  color:#8f7567;
  font-size:2.4em;
}

#topTitle{
  color:#00c0e9;
  font-size:1.8em;
}

#mainTop .Rahmen{
  margin:24px 64px;
}

#mainNav{
  font-family: 'DarkAges';
  color:#b09c74;
  font-size:1.2em;
}

#mainNav .Rahmen{
  margin:24px 52px;
  margin:24px 0;
  background-color:#edebd0;
  padding: 0px 58px 0;
}

#mainNav a{
  display:inline-block;
  margin:0;
  padding:18px 18px;
  position:relative;
  color:#b09c74;
  text-decoration:none;
}

#mainNav a:hover{
  text-decoration:underline;
  color:#78653f;
  cursor:pointer;
}

#mainBottom{
  position:absolute;
  bottom:-22px;
  left:0;
  width:100%;
  height:20px;
  font-family: 'Verdana';
  font-size:0.7em;
  text-align:center;
  color:#a6a474;
}

#mainBottom a{
  cursor:pointer;  
  color:#a6a474;
}

#mainBottom a:hover{
  color:#777045;  
}

.phoneBoxRahmen{
  padding:0;
  overflow:visible;
  display:block;
  margin:0 0px 16px;
}

.phoneBox{
  position:relative;
  width:150px;
  height:20px;
  display:inline-block;
  height:70px;
  cursor:pointer;
  margin:12px 20px 12px 0;
}

.phoneCycle{
  background-image:url(images/phone_normal.png);
  width:70px;
  height:70px;
  background-size:100%;
  position:absolute;
  right:0;
}

.mailCycle{
  background-image:url(images/mail_normal.png);
}

.chatCycle{
  background-image:url(images/chat_normal.png);
}

.phoneBox .phoneCycle div{
  width:100%;
  height:100%;
  background-size:100%;
}

.phoneBox:hover .phoneCycle div{
  background-image:url(images/phone_hover.png);
}

.phoneBox:hover .mailCycle div{
  background-image:url(images/mail_hover.png);
}

.phoneBox:hover .chatCycle div{
  background-image:url(images/chat_hover.png);
}

.phoneStripe{
  background-image:url(images/phone_stripe.png);
  background-position:left;
  position:absolute;
  top:22px;
  right:20px;
  height:23px;
  width:132px;
  background-size:165px;
  color:#93968d;
  -webkit-transition: width 1s; /* Safari */
  transition: width 1s;
  font-size:1em;
  font-weight:bold;
}

.phoneBox:hover .phoneStripe{
  width:151px;
  -webkit-transition: width 0.2s; /* Safari */
  transition: width 0.2s;
  color:#b3b6ac;
}
  
#mainInhalt .phoneStripe .Rahmen{
  margin:2px 0 0 12px;
}

.phonePrice{
  font-size:0.6em;
  position:absolute;
  bottom:-9px;
  left:14px;
  color:#a3ad8e;
  font-weight:normal;
}

.phoneBox:hover .phonePrice{
  color:#6b7459;  
}

#mainInhalt{
  color:#7b7957;
  font-size:0.8em;
}

#mainInhalt > .Rahmen{
  margin:0 64px;
  position:relative;
  overflow:auto;
  /*height:380px;*/
  height:450px;
}

ul {
    list-style-image:url(images/haken.png)
}

ul li{  
    font-size:1.2em;
    color:#3f5b73;
  /*font-family: 'DarkAges';*/
}

#login{
  position:absolute;
  width:24px;
  height:24px;
  top:35px;left:8px;
  z-index:6;
}

.eintrag{
  width:600px;
  margin:0px auto 16px;
  border-radius:32px;
  background-color:#edebd5;
  position:relative;
  padding:32px 0;
  overflow:visible;
  
}

#mainInhalt .eintrag .Rahmen{
  margin:0 32px;
  padding:0;
  position:relative;
  overflow:visible;
}

.eintrag .id{
  display:none;
  font-size:0.8em;
}

.eintrag .id span{
  font-weight:bold;
}

.eintrag .titel{
  font-size:1.2em;
}

.eintrag .untertitel{
  font-weight:bold;
  font-size:0.9em;
}

.eintrag .bild{
  float:right;
  margin:0 0 16px 32px
}

.eintrag .bild img{

}

.eintrag lauftext{

}

.box{
  margin:0px 32px;
}

.blogeintrag{}

.blogeintrag .bild{
  float:right;
}

.blogeintrag .eintrag{

}



#datenhinweis{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:40px;
	}
	#datenhinweis .text{
		font-size:0.6em;
		float:left;
		padding:4px 12px 4px 0px;
		color:rgba(0,0,0,0.4);
	}
	#datenhinweis .button{
		background-color:rgba(0,0,0,0.2);
		padding:4px 8px;
		cursor:pointer;
		width:100px;
		text-align:center;
		float:right;
		color:rgba(0,0,0,0.4);
		font-size:0.6em;
	}
	#datenhinweis .rahmen{
		width:max-content;
		margin:0px auto;
		background-color:#eae6b5;
		height:100%;
		padding:8px 16px;
	}