@charset "utf-8";
/* CSS Document */
@media (min-width: 321px) and (max-width: 900px) { 
#parent{
  position: absolut;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 25px;
  overfolw: visible;
}
  
#text_beruf{
  color: #5f77a3; 
  text-align: center; 
  font-family: Geogrotesque, Regular; 
  font-size: 31px;
  vertical-align:centre;
  }      
 
#header
{
  position: realtive;
  top: 80px;  
  margin-top: 5px;  
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 25px; 
  width: 70%;  
}
  
#berufstext
{
  width: 70%;
  height: auto;  
  font-size:16px;
  margin-right: auto;
  margin-left: auto;   
} 
 
#bewebungsbutton
{
  width: 100%;
  height: auto;  
  margin-top: 5%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}   

#brochurebutton
{
  width: 100%;
  height: auto;  
  margin-top: 5%
  margin-top: 50%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}  
  
  
#hintergrundbild{
  display: none;
  }

.tg  {border-collapse:collapse;border-spacing:0; background-color:white; margin-right: auto; margin-left: auto}
.tg td{font-size:15px;padding:20px 50px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#5f77a3;}
.tg th{font-size:15px;font-weight:normal;padding:20px 50px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#5f77a3;}
.tg .tg-i99t{text-align:left; border-bottom:3px; border-bottom-style:dashed;}
.tg .tg-tkru{text-align:left;vertical-align:top; border-bottom:3px; border-bottom-style:dashed;}  
.tg .tg-tkruu{text-align:left;vertical-align:top;}  
}   
  
@media (min-width: 901px) and (max-width: 1099px) { 
#parent
{
  position: relative;
}
 
#header
{
  background-color: #5f77a3;
  position: absolute;
  top: 80px;
  width: 50%;
  height: auto;  
  z-index: 2;
  margin-left: 25%;
  margin-top: -10%;  
  transform: rotate(-5deg); 
}
  
#berufstext
{
  position: absolute;
  top: 250px;
  width: 50%;
  height: auto -50px;  
  z-index: 2;
  margin-left: 10%;
  font-size:16px;  
} 
 
#bewebungsbutton
{
  position: absolute;
  width: 85%;
  height: auto;  
  z-index: 2;
  margin-top: 0%;
  margin-left: 5%;
  overflow: hidden;
}   

#brochurebutton
{
  position: absolute;
  width: 85%;
  height: auto;  
  z-index: 2;
    margin-top: 50%;
  margin-top: 0%;
  margin-left: 5%;
  overflow: hidden;
}  
  
#hintergrundbild{
  position: relative;  
  width: 100%;
  height: auto;  
  }
  
#text_beruf{
  color:white; 
  text-align: center; 
  font-family: balloon-urw-drop-shadow, sans-serif; 
  font-weight: 400; 
  line-height: 1.0; 
  font-style: normal; 
  font-size: 50px;
  vertical-align:centre;
  }    

.tg  {border-collapse:collapse;border-spacing:0; background-color:white;}
.tg td{font-size:20px;padding:20px 50px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#5f77a3;}
.tg th{font-size:20px;font-weight:normal;padding:20px 50px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#5f77a3;}
.tg .tg-i99t{text-align:left; border-bottom:3px; border-bottom-style:dashed;}
.tg .tg-tkru{text-align:left;vertical-align:top; border-bottom:3px; border-bottom-style:dashed;}  
.tg .tg-tkruu{text-align:left;vertical-align:top;}  
}   
  
@media (min-width: 1100px) { 
#parent
{
  position: relative;
}
 
#header
{
  background-color: #5f77a3;
  position: absolute;
  top: 80px;
  width: 50%;
  height: auto;  
  z-index: 2;
  margin-left: 25%;
  margin-top: -5%;  
  transform: rotate(-5deg); 
}
  
#berufstext
{
  position: absolute;
  top: 250px;
  width: 50%;
  height: auto;  
  z-index: 2;
  margin-left: 10%;
  font-size:16px;  
} 
 
#bewebungsbutton
{
  position: absolute;
  width: 60%;
  height: auto;  
  z-index: 2;
  margin-top: 15%;
  margin-left: 5%;
  font-size:16px;
  overflow: hidden;
}   

#brochurebutton
{
  position: absolute;
  width: 55%;
  height: auto;  
  z-index: 2;
  margin-top: 50%;
  margin-left: 5%;
  font-size:16px;
  overflow: hidden;
}   
  
#text_beruf{
  color:white; 
  text-align: center; 
  font-family: balloon-urw-drop-shadow, sans-serif; 
  font-weight: 400; 
  line-height: 1.0; 
  font-style: normal; 
  font-size: 50px;
  vertical-align:centre;
  }  
  
#hintergrundbild{
  position: relative;  
  width: 100%;
  height: auto;  
  }

.tg  {border-collapse:collapse;border-spacing:0; background-color:white;}
.tg td{font-size:20px;padding:20px 50px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#5f77a3;}
.tg th{font-size:20px;font-weight:normal;padding:20px 50px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#5f77a3;}
.tg .tg-i99t{text-align:left; border-bottom:3px; border-bottom-style:dashed;}
.tg .tg-tkru{text-align:left;vertical-align:top; border-bottom:3px; border-bottom-style:dashed;}  
.tg .tg-tkruu{text-align:left;vertical-align:top;}  
}