/*@import url("https://fonts.googleapis.com/css?family=Architects+Daughter");
@import url("https://fonts.googleapis.com/css?family=Tangerine");
@import url("https://fonts.googleapis.com/css?family=Catamaran");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300");*/


/* tangerine-regular - latin */
@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/tangerine-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/tangerine-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/tangerine-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/tangerine-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/tangerine-v17-latin-regular.svg#Tangerine') format('svg'); /* Legacy iOS */
}



/*abhayalibre regular */
@font-face {
  font-family: 'abhayalibre regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/abhayalibre-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/abhayalibre-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abhayalibre-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abhayalibre-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abhayalibre-regular.svg#abhayalibre regular') format('svg'); /* Legacy iOS */
}




#menu_1{
	position:absolute;
	margin-top:21.5%;
	margin-left:8%;
    display:none;
}


#menu_2{
  position:absolute;
  margin-top:21.5%;
  margin-left:8%;
  font-family:abhayalibre regular;
  text-align:left;
  background-color:#ffffff;
  background-image: url("../Bilder/hintergrund_menu.png");
  display:none;
 }

#menu_3{
	font-size:1em;
	padding-top:1%;
	padding-right:2%;
	padding-left:2%;
	padding-bottom:1%;
 }

.con_menu_1 {
  font-size:1.2em;
  display:flex;
  justify-content:center;
 }

.con_menu_2 {
 margin-top:1%;
 }
 
.con_menu_3 {
 padding-left:1em;
 margin-top:1%;
 }

.con_menu_4 {
 padding-left:1em;
 margin-top:0.75%;
 }

.Link2:link {text-decoration:none;}
.Link2:visited {text-decoration:none;}
.Link2:hover {text-decoration:underline;font-family:abhayalibre regular;font-weight:normal;color:#000000;transition:color 0.7s;}
.Link2 {font-family:abhayalibre regular;font-weight:normal;color:#000000;}


.Link3:link {text-decoration:none;}
.Link3:visited {text-decoration:none;}
.Link3:hover {text-decoration:underline;font-family:abhayalibre regular;font-weight:normal;
color:#000000;transition:color 0.7s;}
.Link3 {font-family:abhayalibre regular;font-weight:normal;color:#c0c0c0;margin-left:1em}



#hauptseite {
  margin:0%;
  padding:0%;
  height:100%;
  overflow-y:scroll;
  background-repeat:no-repeat;
  webkit-background-size: cover;
  moz-background-size: cover;
  o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  text-align:center;
  background-color:#FFFFFF;
 }

 
#conHaupt {
  height:auto;
  margin-top:1%;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  webkit-background-size: cover;
  moz-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  font-family:abhayalibre regular;
  text-align:justify;
  display:inline-block;
  }


#con_oben {
 float:left;
 width:100%;
 margin-top:2%;
 }


#con_oben_links {
 float:left;
 width:25%;
 margin-top:6%;
 }

#con_oben_mitte {
 float:left;
 width:50%;
 text-align:center;
 }

#con_oben_rechts {
 float:right;
 width:25%;
 margin-top:6%;
 }

#con_mitte {
 float:left;
 width:100%;
 margin-top:1%;
 }

#con_buch_1 {
 float:left;
 width:78%;
 margin-left:2%;
 }

#con_buch_2 {
 float:left;
 width:14%;
 margin-left:2%;
 margin-top:16%;
 }

#con_buch_ueberschrift {
 margin-left:15%;
 margin-right:15%;
 text-align:center;
 font-weight:bold;
 font-size:1.8em;
 font-style:italic;
 margin-top:2%;
 }


#ul1 {
 margin:0;
 font-size:1.2em;
 text-align:center;
  }

#ul1 li {
  list-style:none;
  display:inline-block;
  margin-right:1em;
  padding-top:0.25em;
  padding-bottom:0.25em;
}

#ul1 li a {font-family:abhayalibre regular;font-weight:normal;text-decoration:none;color:#c0c0c0;}
#ul1 li a:hover {text-decoration:underline;font-family:abhayalibre regular;font-weight:normal;
color:#000000;transition:color 0.7s;}
#ul1 li a:focus {font-family:abhayalibre regular;border:0;font-weight:normal;color:#f0f0f0;}
#ul1 li a:active {font-family:abhayalibre regular;border:0;font-weight:normal;color:#f0f0f0;}

.Link1:link {text-decoration:none;}
.Link1:visited {text-decoration:none;}
.Link1:hover {text-decoration:none;font-family:abhayalibre regular;font-weight:normal;
color:#000000;transition:color 0.7s;}
.Link1 {font-family:abhayalibre regular;font-weight:normal;color:#c0c0c0;}


.Link4:link {text-decoration:none;}
.Link4:visited {text-decoration:none;}
.Link4:hover {text-decoration:none;font-family:abhayalibre regular;font-weight:normal;
color:#000000;transition:color 0.7s;}
.Link4 {font-family:abhayalibre regular;font-weight:normal;color:#a1a1a1;}


.h1 {
 font-family:abhayalibre regular;
 font-size:1.2em;
 color:#000000;
 font-weight:bold;
 text-align:left;
 }


/* eMail - Newsletter */

#table {
  font-family:abhayalibre regular;
  }

#pzufall {
    font-family:Tangerine;
    font-size:1.8em;
    font-weight:bold;
    color:#000000;
	text-align:left;
}


#text1 {
  float:left;
  box-shadow: 0.25em 0.25em 0.5em #808080;
  width:15em;
  height:1.5em;
  color:#000000;
  font-weight:normal;
  font-family:abhayalibre regular;
  font-size:1em;
  text-align:left;
  border-radius:0.5em;
  }

#text2 {
  float:left;
  box-shadow: 0.25em 0.25em 0.5em #808080;
  width:15em;
  height:10em;
  font-family:abhayalibre regular;
  font-size:1em;
  color:#000000;
  font-weight:normal;
  text-align:left;
  border-radius:0.5em;
  }

#text3 {
  float:left;
  box-shadow: 0.25em 0.25em 0.5em #808080;
  width:15em;
  height:1.5em;
  font-family:abhayalibre regular;
  font-size:1em;
  color:#000000;
  font-weight:normal;
  text-align:center;
  border-radius:0.5em;
  }


input[type=text] {
  padding-right:0.5em;
  padding-top:0.1em;
  padding-left:0.5em;
  padding-bottom:0.1em;
}

textarea {
  padding-right:0.5em;
  padding-top:0.3em;
  padding-left:0.5em;
  padding-bottom:0.1em;
}

#conEmail1 {
    float:left;
	width:100%;
	margin-top:1%;
	padding-left:1%;
	text-align:left;
	}

#conEmail2 {
    float:left;
	width:100%;
	margin-top:2%;
	padding-left:1%;
	text-align:left;
	}

#conEmail4 {
    float:left;
	width:45%;
	height:8em;
	text-align:left;
}

#conEmail5 {
    float:left;
	width:100%;
	margin-top:1%;
	text-align:left;
	}

#conEmail6 {
    float:left;
    margin-top:1%;
    margin-left:0.3em;
	height:2em;
	text-align:left;
	vertical-align:top;
}

#email1{
	display:none;
	font-weight:bold;
	}

#email2{
	display:none;
	font-weight:bold;
}
#email3{
	display:none;
	font-weight:bold;
	vertical-align:top;
}
#email4{
	display:none;
	font-weight:bold;
}

#pErgebnis{
	font-family:abhayalibre regular;
	font-size:1em;
	color:#000000;
	font-weight:bold;
	padding-left:3%;
	padding-top:3%;
}



#but1 {
  width:10em;
  height:2.5em;
  box-shadow: 0.25em 0.25em 0.5em #808080;
  font-family:abhayalibre regular;
  font-size:1em;
  color:#000000;
  font-weight:bold;
  text-align:center;
  background-color:#ffffff;
  }
#but1:hover {
  color:#ffffff;
  background-color:#000000;
  cursor:pointer;
  transition:color 0.7s;
}

#but2 {
  width:12em;
  height:2.5em;
  box-shadow: 0.25em 0.25em 0.5em #808080;
  font-family:abhayalibre regular;
  font-size:1em;
  color:#000000;
  font-weight:bold;
  text-align:center;
  background-color:#ffffff;
  }
#but2:hover {
  color:#ffffff;
  background-color:#000000;
  cursor:pointer;
  transition:color 0.7s;
}

#but3 {
  width:35%;
  height:35%;
  }
  
#but3:hover {
  cursor:pointer;
}

#td_newsletter_1{
	vertical-align:middle;
}

#td_newsletter_2{
	vertical-align:middle;	
}

#ueb{
	display:none;
	position:absolute;
}

#inhalt{
	display:none;
	position:absolute;
}



@media all and (max-width:1200px){

#conHaupt{
width:92%;
margin-left:4;
margin-right:4;
}

#menu_index{
width:72.5%;
}

#con_buch_ueberschrift {
font-size:1.2em;
 }

}


@media all and (min-width:1201px){

#conHaupt{
width:64%;
margin-bottom:2em;
}

#menu_index{
width:37.5%;
}

#con_buch_ueberschrift {
font-size:1.8em;
 }

}

@media all and (min-width:3201px){

#hauptseite {
font-size:3.2em;
 }
}

@media all and (max-width:3200px){

#hauptseite {
font-size:2.8em;
 }
}

@media all and (max-width:2800px){

#hauptseite {
font-size:2.4em;
 }
}

@media all and (max-width:2400px){

#hauptseite {
font-size:2em;
 }
}


@media all and (max-width:2000px){

#hauptseite {
font-size:1.6em;
 }

#menu_1{
    display:block;
}

}

@media all and (max-width:1750px){

#hauptseite {
font-size:1.4em;
 }

#menu_1{
    display:block;
	position:absolute;
	margin-top:21.5%;
	margin-left:8%;
}

#menu_2{
	position:absolute;
	margin-top:21.5%;
	margin-left:8%;
}

#img_menu_1{
	width:83%;
	height:83%;
}

#img_menu_2{
	width:1.6em;
	height:1.6em;
}


}

@media all and (max-width:1500px){

#hauptseite {
font-size:1.3em;
 }

#menu_1{
	position:absolute;
	margin-top:21.75%;
	margin-left:7%;
}

#menu_2{
	position:absolute;
	margin-top:21.75%;
	margin-left:7%;
}

#img_menu_1{
	width:77%;
	height:77%;
}

#img_menu_2{
	width:1.6em;
	height:1.6em;
}


}

@media all and (max-width:1300px){

#hauptseite {
font-size:1.2em;
 }

#menu_1{
	position:absolute;
	margin-top:21.75%;
	margin-left:6%;
}

#menu_2{
	position:absolute;
	margin-top:21.75%;
	margin-left:6%;
}

#img_menu_1{
	width:77%;
	height:77%;
}

#img_menu_2{
	width:1.6em;
	height:1.6em;
}


}

@media all and (max-width:1200px){

#hauptseite {
font-size:1.1em;
 }

#menu_1{
	position:absolute;
	margin-top:30.5%;
	margin-left:13%;
}

#menu_2{
	position:absolute;
	margin-top:30.5%;
	margin-left:13%;
}

#img_menu_1{
	width:77%;
	height:77%;
}

#img_menu_2{
	width:1.6em;
	height:1.6em;
}


}

@media all and (max-width:960px){

#hauptseite {
font-size:1.1em;
 }

#menu_1{
	position:absolute;
	margin-top:31.5%;
	margin-left:6%;
}

#menu_2{
	position:absolute;
	margin-top:31.5%;
	margin-left:6%;
}

#img_menu_1{
	width:65%;
	height:65%;
}

#img_menu_2{
	width:1.4em;
	height:1.4em;
}


}


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

#hauptseite {
font-size:1em;
 }

#menu_1{
	position:absolute;
	margin-top:33%;
	margin-left:4%;
}

#menu_2{
	position:absolute;
	margin-top:33%;
	margin-left:4%;
}

#img_menu_1{
	width:55%;
	height:55%;
}

#img_menu_2{
	width:1.4em;
	height:1.4em;
}


}