body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
    height: 100%;
    color: #777;
    line-height: 1.8;
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
    /*background-image: url('img/verbindungen1-b-mobile.png');*/
    min-height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+30,f1f1f1+30,00c7ce+31,e1e1e1+31,f6f6f6+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+24,f1f1f1+48,f1f1f1+48,f1f1f1+49,00c7ce+49,00c7ce+50,e1e1e1+50,e1e1e1+50,f6f6f6+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+24,f1f1f1+44,00c7ce+49,00c7ce+50,e1e1e1+50,e1e1e1+50,f6f6f6+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 24%, rgba(241,241,241,1) 44%, rgba(0,199,206,1) 49%, rgba(0,199,206,1) 50%, rgba(225,225,225,1) 50%, rgba(225,225,225,1) 50%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 24%,rgba(241,241,241,1) 44%,rgba(0,199,206,1) 49%,rgba(0,199,206,1) 50%,rgba(225,225,225,1) 50%,rgba(225,225,225,1) 50%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 24%,rgba(241,241,241,1) 44%,rgba(0,199,206,1) 49%,rgba(0,199,206,1) 50%,rgba(225,225,225,1) 50%,rgba(225,225,225,1) 50%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Second image (Portfolio) */
.bgimg-2 {
    background-image: url("bahnhofsuhr.svg");
    min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
    background-image: url("DSCF1205.JPG");
    min-height: 400px;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
/*
.marqueewrap {
  position: relative;
  overflow: hidden;
  height: 50px;

}

.marqueewrap p {
  position: absolute;
  margin: 0;
  line-height: 50px;
  white-space: nowrap;
  animation: marquee 90s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(5%); }
  100% { transform: translateX(-100%); }
}

.marqueewrap {
  position: relative;
  overflow: hidden;
  height: 50px;
}
*/
.marqueewrap {
    width: 18em;
    height: 8em;
    margin: 1em auto;
    overflow: hidden;
    /*background: white;*/
    position: relative;
    box-sizing: border-box;
}

.marqueewrap p {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 25s linear infinite;
}

.marqueewrap p:hover {
    animation-play-state: paused;
}

/* Make it move! */
@keyframes marquee {
    0%   { top:   8em }
    100% { top: -22em }
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}