body{
  font-size:1.2em;
}
a{
  text-decoration:none;
  background:skyblue;
  padding:3px 10px;
  color:black;
}
a:hover, a:focus{
  text-decoration:none;
  background:blue;
  color:white;
}
#logo{
  width:10%;
  margin:10px
}
.start, .mich, .kontakt{
  background-image:url("../img/haus.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color:black;
  font-size:1.2em;
}
.start > div, .mich > div, .kontakt > div{
  border-radius:20px;
  background-color:rgba(255,255,255,.3);
}
.mich{
  background-image:url("../img/kauf.jpg");
  color:black;
}
.kontakt{
  background-image:url("../img/email.jpg");
  color:black;
}
.uk-button{
  font-size: 1.1em;
}
h1{
  font-size:1.3em;
  font-weight:bold;
}
h2{
  font-size:1.1em;
  color:black;
  font-weight:bold;
}
.kontakt h1{
  #color:white;
}
.danke{
  #color:white;
}
.hinweiswrap{
  position:relative;
}
.hinweis{
  background:red;
  color:white;
  padding:0 5px;
  position:absolute;
  top:-30px;
  left:20px;
  display:none
}
.hinweis::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: red transparent transparent transparent;
}
#formcheck{
  display:none;
}
/* 
    background: #05b8ff;
    background: linear-gradient(150deg,rgba(5, 184, 255, 1) 0%, rgba(87, 173, 199, 1) 50%, rgba(5, 97, 122, 1) 100%);
 */
@media only screen and (orientation: portrait) {
  .start, .mich, .kontakt{
    font-size:3em !important;
  }
  .mich{
    background-image: url("../img/kauf_2.jpg");
    color:white;
  }
  .kontakt{
    background-image: url("../img/kontakt_2.jpg");
  }
  #logo{
    display:none
  }
  .uk-input{
    height:2.5em;
  }
  input[type=submit]{
    font-size: 1.5em;
  }
  a{
    padding:10px 20px;
    color:black;
    font-size: 2.5em;
  }
  .kontakt h1,.danke{
    color:black;
  }
  .mich h1{
    color:white;
  }

}