/* Schriftarten */
h1 {
font-family: 'Shippori Mincho', serif;
}
a {
font-family: 'Shippori Mincho', serif;
}
p {
font-family: 'Shippori Mincho', serif;
}
/* Style the header with a background and about the full width */
.header {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0));
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
}
/* Style the Logo im Header */
.header img {
height: 75px;
margin-left: 50px;
}
/* Style the header links */
#Beschreibung, #Dienstleistung, #Kontakt {
float: left;
color: rgb(255, 255, 255);
text-shadow: whitesmoke;
text-align: center;
padding: 15px;
text-decoration: none;
font-size: 20px;
line-height: 25px;
border-radius: 4px;
}
/* Style the Login Button */
#Login {
font-family: 'Great Vibes', cursive;
display: block;
border: none;
width: 100px;
color: white;
padding: 15px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 25px;
}
/* Die Startseite, das erste Bild */
#Hintergrundbild01{
background-image: url(Bilder/Hintergrund001.png);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 90vh;
}
/* Slogan in der Mitte des Bilder */
.image-heading{
position: absolute;
color: rgba(0, 0, 0, 0.624);
font-family: 'Great Vibes', cursive;
font-size: 100px;
text-shadow: 2px 2px rgba(255, 255, 255, 0.45);
}
/* Infobox mit drei Tabellen */
#Infobox {
background-color: whitesmoke;
}
/* Body Grundeinstellung */
body {
background-color: black;
}
/* Change the background color on mouse-over */
#Logolink:hover{
cursor: grab;
}
#Beschreibung:hover {
background-color: rgba(138, 1, 1, 0.4);
color: rgba(255, 255, 255, 0.542);
}
#Dienstleistung:hover {
background-color: rgba(138, 1, 1, 0.4);
color: rgba(255, 255, 255, 0.542);
}
#Kontakt:hover {
background-color: rgba(138, 1, 1, 0.4);
color: rgba(255, 255, 255, 0.542);
}
/* Float the link section to the right */
.header-right {
float: right;
}