/* Styles für die Nordkap Challenge Seiten */
:root {
  --nav-background:#B79066;
  --nav-highlight:#F0D392;
}
body {  
   background-color: #B6CFF8;
   margin:0; padding:0;
}

.PageHeadline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-image: url(bilder/Nordkap-Verl.png);
  background-repeat: repeat-x;
  background-color: white;
  overflow:auto;
}
.PageHeadline .Backlink { 
   flex: auto;
   display:inline-block;
}
.PageHeadline h1 {
   flex: auto;
   display:inline-block;
}
.PageHeadline img {
   flex: auto;
   flex-grow: 0;
}

nav {
  background-color: var(--nav-background);
  box-shadow: 1px 10px 4px 0 rgba(0,0,0,.1);
  position: sticky;
  top:0;
  width: 100%;
  z-index: 3;
}
nav .menu-icon {
  cursor: pointer;
  float: left;
  padding: 28px 18px 10px 24px;
  position: relative;
  user-select: none;
}
nav .menu-icon:hover {
  background-color:var(--nav-highlight);
}
nav .menu-icon .icon-text {
  font-family:sans-serif;
  font-size:15px;
  display:block;
  position:relative;
  top:-10px;
  left:18px;
  padding:0px 28px 0px 10px;
}
nav .menu-icon .nav-icon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}
nav .menu-icon .nav-icon:before,
nav .menu-icon .nav-icon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
nav .menu-icon .nav-icon:before {
  top: 5px;
}
nav .menu-icon .nav-icon:after {
  top: -5px;
}
nav .menu-btn {
  display: none;
}
nav .menu-btn:checked ~ .menu_level1 {
  max-height: 100%;
}
nav .menu-btn:checked ~ .menu-icon .nav-icon {
  background: transparent;
}
nav .menu-btn:checked ~ .menu-icon .nav-icon:before {
  transform: rotate(-45deg);
  top:0;
}
nav .menu-btn:checked ~ .menu-icon .nav-icon:after {
  transform: rotate(45deg);
  top:0;
}
nav .menu_level1 {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}
nav .menu_level1_item2:hover ~ .menu_level2,
nav .menu_level2:hover {
  max-height: 100%;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: var(nav-background);
}
nav li a, nav li a:link, nav li a:visited {
  display: block;
  padding: 10px 20px;
  border-right: 1px solid #f4f4f4;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
  text-align:center;
  color: #000;
}
nav li a:hover, nav li a:active,
nav .menu-btn:hover {
  background-color: var(--nav-highlight);
}
nav .menu_level2 {
  display: flex;
  flex-direction: column;
  max-height: 0;
  transition: max-height .2s ease-out;
}
nav .menu_level2 li {
  flex: auto;
} 

/* 48em = 768px @ 16pt font  // 487px */
@media (min-width: 600px) {
  nav .menu-icon,
  nav .menu-icon-text {
    display: none;
  }
  nav .menu_level1 {
    clear: none;
    max-height: none;
    width: 100%;
  }
  nav li {
    float: left;
  }
  nav li a, nav li a:link, nav li a:visited, nav li a:hover, nav li a:active {
    padding: 20px 30px;
  }
  nav .menu_level2 {
    width: auto;
  }
}


.flex-container_woche {
  display: flex;
  flex-direction: row;
  flex-wrap: no-wrap;
  justify-content: space-between;
  background-color: #FF8040;
}
.flex-item_tag {
  flex: auto;
  border:solid;
  text-align:center;
}

#pageheader {
  background-image: url(bilder/Nordkap-Verl.png);
  background-repeat: repeat-x;
  position:static;
  left:0px;
}
#pageheadertable {
  width: 100%;
  padding: 0; border: none; border-spacing: 0; margin: 0;
  background-color: none;
}
#pageheaderrow {
  vertical-align: top;
  padding: 0; border: none; margin: 0;
}
#pageheadercell_left {
  text-align: left;
  padding: 0; 
  background-color: none;
}
#pageheadercell_center {
  text-align: center;
  width: 99%;
  padding: 0; 
  color:black;
  background-color: none;
}
#pageheadercell_right {
  text-align: right;
  padding: 0; 
  background-color: none;
}
article {
  text-align:center;
  color:blue;
}
#routenvideo {
  text-align:center;
  background-color:black;
}