﻿/*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 */
}


@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 */
}



#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;
  }


#x_1:hover{
	cursor:pointer;
}


#x_2:hover{
	cursor:pointer;
}
  

.con_bild_float{
	float: left;

}

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

#con_oben_mitte {
 float:left;
 margin-left:5%;
 margin-right:5%;
 width:90%;
 text-align:center;
 }

.con_menu_1 {
  font-size:1.1em;
  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%;
 }


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

.con_bild_1 {
  display:flex;
  justify-content:center;
  margin-top:2%;
 }

.con_bild_2 {
 float:left;
 width:30%;
 }

.con_bild_3 {
 float:left;
 width:30%;
 margin-left:3%;
 }

.con_bild_4 {
 float:left;
 width:30%;
 text-align:center
 }

.con_bild_5 {
 float:left;
 width:30%;
 margin-left:3%;
 text-align:center
 }


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

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


#ul1 li a {font-family:abhayalibre regular;font-weight:normal;text-decoration:none;color:#aeb762;}
#ul1 li a:hover {text-decoration:none;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:#aeb762;}

.Link2:link {text-decoration:none;}
.Link2:visited {text-decoration:none;}
.Link2:hover {text-decoration:none;font-family:abhayalibre regular;font-weight:bold;
color:#000000;transition:color 0.7s;}
.Link2 {font-family:abhayalibre regular;font-weight:bold;font-size:1em;color:#1a459d;}

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



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

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

#menu_index{
width:72.5%;
}
}


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

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

#menu_index{
width:37.5%;
}

}

@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;
 }
}

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

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

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

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


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

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


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

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