/* #0a0336 */
/* #b0251d */
/* #f29b86 */

section.flip {
    padding-right:2.4vw;
  transition: all 0.3s ease-in-out;
  max-height: 30px;
  overflow: hidden;
  width: 100%;
  z-index: 20000; 
	position:fixed;
	left: 50%;
	background-image: url(img/flip.png);
	background-repeat: no-repeat;
	background-position: center center;
transform: translateX(-50%);

}
section.expanded {
  max-height: 1000px;
	background-color:#252a2b;  /*++++++++++++++++++++*/
	padding-bottom:30px;
}


#marken ul li:nth-of-type(6) a {color:#f29b86!important;}


.flip dt {
  background-color:transparent;
  padding: 10px 16px;
  position: relative;
  cursor: pointer;
}

.flip dd {
  background-color:#252a2b;  /*++++++++++++++++++++*/
  color: #fff;                /*++++++++++++++++++++*/
  font-size:12px;
  margin: 0;
  padding: 5px 80px;
    display:flex;
}

.flip dd a {color:#fff; text-transform: uppercase; font-weight:200;}
.flip dd a:hover {color:#fff;}



.flip dt::after, .flip dt::before {
  transition: all 0.4s linear;
  content: "";
  width: 2px;
  height: 15px;
  background: #fff;
  position: absolute;
	left: 51.5%;
transform: translateX(-51.5%);
  top: 9px;
}
.flip dt::after {
  transform: rotate(45deg);    
}
.flip dt::before {
  transform: translateX(-10px) rotate(-45deg);
}
.flip dt.open::before {
  transform: rotate(-225deg);
}
.flip dt.open::after {
  transform: translateX(-10px) rotate(225deg);
} 

/* -- formatierungen halfscreen-nav ----- */


.flip ul {list-style-type: none;}
.flip ul li {margin-bottom:30px;}

.flip ul a {color:#fff;  text-transform:none; font-size:18px;}
.flip ul a:hover {color:#f29b86;}

#marken {width:25%;}
#marken ul {margin:40px auto 100px auto; float: none;}
#marken nav ul a {letter-spacing: 1px;}

.flip #seitenNav ul a {color:#f29b86;  text-transform:none; font-size:18px;}
.flip #seitenNav ul a:hover {color:#fff;}


#seitenNav {width:40%;}
#seitenNav ul {margin-top:0px;}    /*++++++++++++++++++++*/
#seitenNav ul li {margin-bottom:14px;}
 

#beschr {width:35%; font-size:12px; margin-top:40px;}
#beschr p {font-size:12px; width:340px; background-image: url(img/streifen.png); background-repeat: no-repeat; padding-left:20px; background-position:10px left; letter-spacing: 1px !important;}

#beschr p, #beschr li {font-size:12px; letter-spacing:0px; line-height:1.7em; font-weight:200;}
#beschr p strong {font-size:1em; font-weight:bold;}


.flip ul a.markeAktiv {color:#f29b86; border-bottom:solid 3px #f29b86; padding-bottom: 10px;}


@media (min-width: 320px) and (max-width: 768px) {
    
    section.flip {display:none;}
    /*.flip dd {padding: 5px 40px;}*/

		
}