/* CSS Document */

html,body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #eee;
  font-size: 16px;
}

.loescher {
  clear: both;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

h1 {

}

h2 {
margin: 150px 0 25px 0;
font-size: 25px;
}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

#LinksRechts {
float: left;
width: 25%;
height: 100%;
}

#Mitte {
float: left;
width: 50%;
height: 100%;
}

#Logo {

width: 100%;
height: 25%;
}

#LogoLogo {
background: url(src/logo.png) no-repeat;
background-size: contain;
background-position: center;
width: 100%;
height: 25%;
}

#Bild {
width: 100%;
height: 65%;
}

#BildBild {
background: url(src/deGiorgio.png) no-repeat;
background-size: contain;
background-position: center;
width: 100%;
height: 65%;
}

#BildTop {
width: 100%;
height: 97%;
}

#BildBottom {
width: 100%;
height: 4%;
background-color: #444;
}

#Adresse {
width: 100%;
height: 10%;
background-color: #444;
text-align: center;
margin: auto;
}


/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1600px) {
html,body {
  font-size: 15px;
}
}

/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1366px) {
html,body {
  font-size: 15px;
}
}

/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1280px) {
html,body {
  font-size: 14px;
}
}

/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1024px) {

}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1080px) and (orientation : landscape) {
html,body {
  font-size: 12px;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1080px) and (orientation : portrait) {
html,body {
  font-size: 16px;
}
}



/* Smartphone  ----------- */
@media only screen and (min-device-width : 300px) and (max-device-width : 767px) and (orientation : landscape) {
html,body {
  font-size: 5px;
}
}

/* Smartphone  ----------- */
@media only screen and (min-device-width : 300px) and (max-device-width : 767px) and (orientation : portrait) {
html,body {
  font-size: 16px;
}
}