/* Allgemeine Einstellungen */
* {margin: 0; padding: 0;}
a {text-decoration: none;}
body {
color: #fff;
font-family: 'open-sans-bold';
background-color:#2c42c1;
position:relative;
}
@font-face {
font-family: 'open-sans-bold';
src: url('../fonts/open-sans/OpenSans-Bold.eot');
src: url('../fonts/open-sans/OpenSans-Bold.eot?iefix') format('embedded-opentype'),
url('../fonts/open-sans/OpenSans-Bold.ttf');
font-weight: normal;
}
/* Überschrift der Seiten */
#überschrift {
width:100%;
height:50px;
background-color: #d60d5a;
}
#überschrift p{
text-align: center;
font-size: 25px;
padding-top:5px;
}
/* Screens Einstellungen */
#screen1 {
height:100vh;
min-height: 800px;
width: 100%;
}
#screen2 {
background: #efc94d;
height: 94vh;
min-height: 800px;
width: 100%;
}
#screen3 {
background: #232f9b;
height: 94vh;
min-height: 800px;
width: 100%;
}
#screen4{
background: #efc94d;
height: 94vh;
min-height: 800px;
width: 100%;
}
#screen5 {
background: #232f9b;
height: 94vh;
min-height: 800px;
width: 100%;
}
/* Screen1 Start */
#header{
height: 100px;
background-color: white;
}
/* Logos rechts und Links */
#izlogo{
height:60px;
float: left;
margin-top:20px;
}
#cllogo{
height:60px;
float: right;
margin-top:20px;
}
/* Navigationsleiste */
nav {
position: absolute;
top: 100px;
width: 100%;
margin:0;
padding:0;
text-align:center;
height:6vh;
z-index: 1;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
nav ul li {float: left;}
nav li a {
display: table;
color: white;
text-align: center;
padding: 2vh 18px;
text-decoration: none;
font-size: 18px;
}
nav li a:hover {background-color: #111;}
/* Nav fixeiert beim scrollen */
.fixed {
position: fixed;
top: 0px;
}
/* Infotext links in der Nav-Bar */
#iztext {
float: right;
padding: 2vh 18px;
letter-spacing:15px;
font-size:20px;
font-family:"arial";
}
#article{
height: 100vh;
min-height:800px;
width: 100%;
background-color: white;
position:absolute;
top:0px;
z-index:-1;
}
#article img{
height:100%;
width:100%;
}
#text {
position:absolute;
bottom:0px;
left:0px;
height:350px;
width:100%;
z-index:2;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
}
#text1 {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:80px;
width:70%;
min-width:800px;
font-size: 18px;
color: black;
font-family: 'arial black';
}
/* Screen1 Ende */
/* Screen2 Start */
/* Screen2 Ende */
/* Screen3 Start */
/* Screen3 Ende */
/* Screen24Start */
/* Screen4 Ende */
/* Screen5 Start */
/* Screen5 Ende */
@media only screen and (max-width: 520px) {
nav li {padding: 24px 4px;}
nav li a { font-size: 14px;}
}
@media only screen and (max-width: 1080px) {
#iztext { display: none;}
}
/* Bilderwechsel in Screen1 */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: 100vh;
min-height: 800px;
float: left;
width: 100%;
border: 0;
object-fit: cover;
}