@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');

* {
  margin: 0;
  padding: 0;
}
html, body {
  width: 100%; 
  height: 100%;
}
body {  
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;  
    background-color: #A7A5A5;
}

.aussen-mittig {
  text-align: center; 
  width: 800px; 
  margin: 0 auto;
}


.aussen-mittig img{ 
  max-width: 390px;
    height: auto;
    float:left;
    border: 5px solid transparent;
}

.infotxt{float:none; width:100%; color:floralwhite; font-size:1.8em; margin:20px 0; font-family: 'Maven Pro', sans-serif; }

@media only screen and (max-width: 800px) and (orientation: portrait){
            body {  -webkit-align-items: flex-start;  -webkit-box-align: flex-start;  -ms-flex-align: flex-start;  align-items: flex-start;   }
    
            .aussen-mittig img{ float:none; width:96%; }
            .aussen-mittig {  text-align: center;  margin: 0 5%; }

}

@media only screen and (max-width: 690px) and (orientation: landscape){
            body {  -webkit-align-items: flex-start;  -webkit-box-align: flex-start;  -ms-flex-align: flex-start;  align-items: flex-start;   }
    
            .aussen-mittig img{ float:none; width:96%; }
            .aussen-mittig {  text-align: center;  margin: 0 5%; }

}