:root {
  --row_col: white /*rgba(140,30,30,0.8)*/;
}

table {
          font-family: arial, sans-serif;
          border-collapse: collapse;
          width: 100%;
		  overflow-x: scroll;
        }

        td, th {
          border: 1px solid #dddddd;
          text-align: left;
          padding: 8px;

        }
        tr:nth-child(1) {
          background-color: #f03b20;
          color: white
        }
        tr:nth-child(2n+3) {
          background-color: #feb24c;

        }
        tr:nth-child(2n+2) {
          background-color: #ffeda0;
        }
        tr:hover {color: black; font-weight: bold; background-color: cyan;}

body {
  margin: 0;
  padding: 0;
}

p {text-align: justify;}
h1 {padding-bottom: 2%;}

.slider{
  min-width: 100%;
  height: 200px;
  background: url(./data/p1.jpg);
  /*background-color: black;*/
  /*margin: 100px auto;*/
  -moz-animation: slide 15s infinite;
  -webkit-animation: slide 15s infinite;
  animation: slide 15s infinite;
  background-size: 100% 100%;
}

#myHeader {
  z-index: 1
}
#content {
  z-index: -1;
}

/*@-ms-keyframes {
from { background-color: red;  }
to { background-color: cyan; }
}*/

@keyframes slide {
  25% {background:url(./data/p2.jpg); background-size: 100% 100%;}
  50% {background:url(./data/p3.jpg); background-size: 100% 100%;}
  75% {background:url(./data/p4.jpg); background-size: 100% 100%;}
  100% {background:url(./data/p1.jpg); background-size: 100% 100%;}
}

/*logo does not work instead inline
.navbar-brand {
	height: 65px;
}*/

/*
.header {
  padding: 5px;
  background: var(--row_col);
  color: black;
  height: 650px;
  background-image: linear-gradient(to left, #33bbff, yellow)
}
*/

.content {
  padding: 2.5%;
  color: black;
  width: 100%;
  /*background-color: yellow;
  background-image: url(data/boat2.png)*/
  background-image: linear-gradient(to left, #33bbff, #e6f2ff);
}

/*wrapper: margins of div of all content pages other than anmeldung, kontakt */
@media only screen and (min-width: 700px) {
.wrapper {margin: 2% 10% 2% 10%;
		  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		  /*background-image: linear-gradient(to left, #33bbff, #e6f2ff);*/
		  border-left: 1px solid rgba(128, 191, 255, 0.7);
		  border-right: 1px solid rgba(77, 121, 255, 0.7);
		  /*border-width: 2px;
		  border-color: #ace7ff;*/
		  padding: 0 50px 0;
		}
}

#logo {

	float: left;
	width: 15%
}

  /*
#bs-example {
float: right;
  width: 100%;
  display: inline-block;
  padding: 2%;
}
*/


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  /*z-index: 10;*/
}

.sticky + .content {
  padding-top: 102px;

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/*fade in dropdown menu DOES NOT SEEM TO WORK*/
.dropdown-menu.fade {
  display: block;
  opacity: 0;
  pointer-events: none;
}
.open > .dropdown-menu.fade {
  pointer-events: auto;
  opacity: 1;
}


/*walk-through text*/
.example1 {
 height: 50px;
 overflow: hidden;
 position: relative;
}
.example1 h3 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example1 10s linear infinite;
 -webkit-animation: example1 10s linear infinite;
 animation: example1 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 40%   { -moz-transform: translateX(0%); }
 60%   { -moz-transform: translateX(0%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 40%   { -webkit-transform: translateX(0%); }
 60%   { -webkit-transform: translateX(0%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 40%   {
 -moz-transform: translateX(0%); /* Firefox bug fix */
 -webkit-transform: translateX(0%); /* Firefox bug fix */
 transform: translateX(0%);
 }
 60%   {
 -moz-transform: translateX(0%); /* Firefox bug fix */
 -webkit-transform: translateX(0%); /* Firefox bug fix */
 transform: translateX(0%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}

/* BEginning text: anmeldung & kontakt*/
.marg {
  margin: 2% 20% 2% 20%
}