.kontakt
{
    font-size:12pt;
    font-family:Cervino-MediumNeue;
    position:relative;
    margin-left:0px;
    margin-top:40px; width:500px;
    border:0px solid red;
    margin-right:2% 

}


.kontakt_input
{
    font-size:12pt;    
    font-family:Cervino-MediumNeue;
    height:20px;
    width:200px;
}


.kontakt_textarea
{
    font-size:12pt;
    font-family:Cervino-MediumNeue;
    width:360px;
    height:140px;
}


.kontakt_map
  {
    text-align:right;
    aspect-ratio : 1 / 1;
    min-width:480px;
    width:96%;
  }  

.wrapper_map
{
    position:relative;
    display:block;
    top:40px; border:0px solid;
    width:50%;    
    text-align:right;
    min-width:480px;
}



@media only screen and (max-width: 1024px)  and (orientation: portrait)
{
    .kontakt_map
    {
        text-align:right;    
        
    }        

  .wrapper_map
  {
      min-width:480px;

  }
}

@media only screen and (max-width: 1024px) and (min-resolution:150dpi) and (orientation: portrait)
{

    .kontakt_map
    {
        text-align:left;
        aspect-ratio : 1 / 1;
        min-width:480px;
        width:96%;    
        
    }        

  .wrapper_map
  {
      min-width:480px;
      width:100%;
      font-size:28pt;

  }
    
    
    .kontakt
    {
      font-size:32pt;
      width:100%;
      border:0px solid red;
    }

    .kontakt_input
    {
      font-size:32pt;    
      height:60px;
      width:98%; 
      margin-bottom:8px;
    }

    .kontakt_textarea
    {
    font-size:32pt;
    width:98%;
    height:340px;
    }

    #dialog
    {
    
        width:80%;
        font-size:32pt !important;
    }
    
    .ui-button  
    {
        font-size: 32pt !important;
    }
     
      
    .ui-dialog-title
    {
        font-size: 32pt !important;
    
    }
    
    .ui-dialog-titlebar-close
    {
         width:60px !important;
         height:60px !important;
         top:20% !important;
    }


}