.slick-dotted.slick-slider { margin-bottom: 0 !important; }
.slick-slide .fsc-default { position: relative; display:block !important; }
.slick-slide .ce-gallery { margin-bottom:0; }
.slick-slide .ce-bodytext { position: absolute; bottom:0; left:0; background: rgba(255,255,255,0.6); color: #555; width: 100%; z-index: 8; padding: 2% 5%; overflow: hidden; box-sizing: border-box; }
.slick-slide .ce-bodytext p { margin:0; }

.slick-dots { z-index: 200; text-align: right; bottom:10px !important; }
.slick-dots li { width: 10px; height: 10px; }
.slick-dots li:last-child { margin-right:50px !important; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; border-radius:5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: rgba(200,200,200,0.8); }
.slick-dots li button:hover,
.slick-dots li.slick-active button { background: rgba(255,255,255,1.0); }
.slick-dots li button::before { display: none; }



/*------ Cookies ----------------*/
.cc-revoke { padding: 0.5em; bottom:13px !important; }
.cc-revoke .dp--hover { padding-left:5px; display: inline-block; }

.cc-window .dp--cookie-check { border:none; border-top:1px solid #FFF; border-radius:0; padding-top:0.5em; display:block; }
.cc-window .dp--cookie-check label:first-child { padding-left:0px; padding-right:0px; }
.cc-window .dp--cookie-check label:last-child { padding-right:0px; padding-left:0px;}
.cc-window .cc-deny { display:none !important; }
.cc-window .cc-btn { width: 48% !important; background:#FFF !important; color:rgba(44,98,187,0.3) /* #2c62bb */ !important; }
.cc-window .cc-btn:hover { background: #FFF !important; }

.cc-compliance { padding:1.5rem; padding-top:0;  }
 
.dp--overlay-description a { color:#FFF !important; text-decoration: underline !important; }
.dp--overlay-description a:hover { color:#FFF !important; text-decoration: none !important; text-shadow:none !important; }

.dp--cookie-consent { overflow: hidden;}
.dp--cookie-consent #header,
.dp--cookie-consent #main,
.dp--cookie-consent #festivalinfo,
.dp--cookie-consent #bandteaser,
.dp--cookie-consent #bandslider,
.dp--cookie-consent #pageteaser,
.dp--cookie-consent #festivalgelaende,
.dp--cookie-consent #news,
.dp--cookie-consent #sponsoren,
.dp--cookie-consent #footer { opacity:0.5; pointer-events: none; }


/*------ Cookie-Tabelle auf Datenschutzseite ----------------*/
.CookieTable { background:#EEE; width:100%; border-collapse:collapse; }
.CookieTable td, .CookieTable th { padding:10px; text-align:left; border:2px solid #FFF; }
.CookieTable td.CookieHead { border-top:20px solid #FFF; }


.contenttable {width:100%;max-width:100%; border-collapse:collapse; border-spacing:0; }
.contenttable th,.contenttable td {padding:0.5em 0.75em;vertical-align:top;}
.contenttable th {font-weight:bold;border-bottom:2px solid #666; text-align:left; }
.contenttable th,.contenttable td {border-top:1px solid #666;}
.contenttable tr:last-child td {border-bottom:1px solid #666;}
.contenttable th:first-child, .contenttable td:first-child { padding-left:0; }


.downloads img { float:none; padding-right:0; display:block; box-shadow:2px 2px 8px rgba(0,0,0,0.5); width:100%; height:auto; }
.downloads ul { display:flex; margin-top:20px !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding:0; }
.downloads li { position:relative; display:block; padding-bottom:0px !important; overflow:visible; width:22%; max-width:200px; margin:1em 0 2em; margin-right:3%; }
.downloads .ce-uploads-description { display:block; padding:10px 0; line-height:140%; }
.downloads .ce-uploads-description p { padding-bottom:0; }
.downloads .ce-uploads-button a { position:absolute; left:0; top:40%; width:100%; color:#000; background:url('../Images/icon_download.png') center top no-repeat; background-size:30%; display:block; text-align:center; opacity:0; padding-top:80px; }
.downloads li:hover .ce-uploads-button a { opacity:0.5; background-position:center 10px; }


/*------ Javascript-Debugger ----------------*/
#output { display:none; background:orange; position:fixed; top:200px; left:0; width:300px; z-index:3000; }
#output p{ padding:10px; }


/* --------- Allgemeines ---------------------------------------------------------------------*/
body { background:#AAA; 
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(138,80,72,0.3)), color-stop(48%, rgba(138,80,72,0.3)), color-stop(52%, rgba(44,99,186,0.3)), color-stop(100%, rgba(44,99,186,0.3)));/* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, rgba(138,80,72,0.3) 0%, rgba(138,80,72,0.3) 48%, rgba(44,99,186,0.3) 52%, rgba(44,99,186,0.3) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(138,80,72,0.3) 0%, rgba(138,80,72,0.3) 48%, rgba(44,99,186,0.3) 52%, rgba(44,99,186,0.3) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(138,80,72,0.3) 0%, rgba(138,80,72,0.3) 48%, rgba(44,99,186,0.3) 52%, rgba(44,99,186,0.3) 100%); /* IE 10+ */
  background: linear-gradient(to right, rgba(138,80,72,0.3) 0%, rgba(138,80,72,0.3) 48%, rgba(44,99,186,0.3) 52%, rgba(44,99,186,0.3) 100%);/* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a5048', endColorstr='#2c63ba', GradientType=1 );/* IE6-9 */
}
  .wrapper { max-width:2000px; width:inherit !important; background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; display:block; margin-left:auto; margin-right:auto; }
  .hide { display:none; }

  .shadow_top { opacity:0.3; position:absolute; left:0; top:0; width:100%; height:30px;
    background: rgba(0,0,0,1);/* Old Browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* IE 10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );/* IE6-9 */
   }
  .shadow_bottom { opacity:0.8; background:url('../Images/shadow_bottom.png') center top no-repeat; background-size:120% 10px; position:absolute; left:0; bottom:-15px; width:100%; height:15px; }

  .no-scroll {height:100%; overflow:hidden; }
  .transition {  
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }

  .webview { display:inline; }
  .mobileview { display:none; }


  /* Contain floats: h5bp.com/q */ 
  figcaption { text-align:center; font-size:0.8rem; line-height:140%; padding-top:3px; padding-bottom:5px; }

  .ce-textpic { overflow:hidden; }

  .ce-gallery .ce-row { display:flex; justify-content:space-between; }
  .ce-gallery[data-ce-columns="1"] .ce-column { width:100%; margin-bottom:6%; }
  .ce-gallery[data-ce-columns="2"] .ce-column { width:47%; margin-bottom:6%; }
  .ce-gallery[data-ce-columns="4"] .ce-column { width:22%; margin-bottom:4%; }
  .ce-gallery .ce-row:last-child .ce-column { margin-bottom:0; }

  .ce-right .ce-gallery { margin-left:5%; margin-bottom:5%; }
  .ce-left .ce-gallery { margin-right:5%; margin-bottom:5%; }
  .ce-right.ce-intext .ce-gallery { float:right; }
  .ce-left.ce-intext .ce-gallery { float:left; }

  .ce-gallery img { max-width:100%; height:auto; display:block; }

  .fsc-default { margin-bottom:3%; }
  .fsc-default:last-child { margin-bottom:0; }

  .frame-space-before-medium { margin-top:7%; }
  .frame-space-after-medium { margin-bottom:7%; }


/* --------- VereinsHeader ---------------------------------------------------------------------*/
#header_verein { position:relative; padding:0; }
  #header_verein .wrapper { padding:1% 5% 2%; display: flex; justify-content: center; }

    /* --------- Vereinsnavigation -------------*/
    .vereinsnav { position:relative; }
    .vereinsnav ul { list-style-type:none; margin:0; padding:0 20px 0 0; display: flex; }
    .vereinsnav ul li { float:left; line-height:100%; }
    .vereinsnav ul li a { color:#555; display:inline-block; padding:0 10px; text-transform: uppercase; font-size: 0.8em;
      transition: all 0.4s ease-in 0s; /* explorer 10 */
      -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
      -moz-transition: all 0.4s ease-in 0s; /* firefox */
      -o-transition: all 0.4s ease-in 0s; /* opera */
    }
    .vereinsnav ul li:last-child a { padding-right:0; }
    .vereinsnav ul li:first-child a { padding-left:0; }
    .vereinsnav ul li.active a { color:#555; }
    .vereinsnav ul li a:hover { color:#555; }

    .vereinsnavPancake { display: none; margin:2em 0; }
    .vereinsnavPancake ul { justify-content: flex-start; flex-direction:column; overflow:scroll; padding-right:0; }
    .vereinsnavPancake li > a { padding:15px; padding-left:0; border-top:1px solid #000; position:relative; z-index:500; font-weight:300; box-sizing:border-box; width:100%; line-height:20px; color:#000; display:block; text-decoration:none; font-size:1.0rem; text-transform:uppercase; }

/* --------- Header ---------------------------------------------------------------------*/
#header{ position:relative; padding:0; z-index:400; box-shadow: rgba(0,0,0,0.5) 0 0 30px; }
  #header .wrapper { padding:0 5%; min-height: 180px; display:flex; justify-content:space-between; line-height:50px; }

    /* Logo */ 
    #header .logo { z-index: 100; position: absolute; left:53%; top:-15px; width:13%; min-width: 250px; padding:20px; border-radius:100%; background: #FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    #header .logo img { display:block; width:100%; height:auto; }
    #header .logo a { border:none; }

  /*#header.fixed { position:fixed; top:0; left:0; width:100%; }
  #header.fixed .logo { width:8%; padding:20px 0 20px; }*/
  .shadow_top { top:inherit; bottom:-30px; }


/* --------- Slider ---------------------------------------------------------------------*/
.headerslider { position:relative; }
.headerslider .wrapper {  }
.slider-wrapper { position:relative; }
.headerslider figure { display:block !important; }
.headerslider img { display:block; }
  .headerslider img.headerbild { width:100%; height:auto; }
  

/* --------- Headerbilder ---------------------------------------------------------------------*/ 
  .headerimage { position:relative; background:lime; height:200px; }
  .headerimage img { width:100%; height:auto; display:block; }
  .headertext { position:absolute; background:rgba(255,255,255,0.8); width:100%; bottom:0; left:0; padding:30px 5.6%; box-sizing:border-box; }
  .headertext h2 { font-size:4rem; text-transform:uppercase; }
  .headertext p { font-size:1.6rem; margin:0; line-height:140%; }
  .headertext .ce-textpic { /*display:flex; flex-direction:row-reverse;*/ }
  .headertext .ce-gallery { margin-bottom:0px !important; margin-left:5% !important; width:20%; }
  .headertext img { max-width:150px !important; display:block; }


/* --------- Main Content -------------*/ 
#main { position:relative; z-index:100; }
#main .wrapper { padding:9% 5%; background:#FFF; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; }
#main .wrapper .shadow_bottom { background:url('../Images/shadow_top.png') center bottom no-repeat; background-size: 120% 10px; bottom:0;}
  

/*------ Content ----------------*/
.content { padding:0; box-sizing:border-box; }

  .home .content { text-align: center; width:60%; margin:auto;}

  .content p, .content ul {  margin:0; padding-bottom:15px; list-style-type:square; }
  .content ul ul {  margin:0; padding-bottom:0px; }
  .content ul li {  padding-bottom:10px; }

  .content-right {  }
  .content-right .fsc-default { }

  .graue-box { background:#BBB; }
  .graue-box h3 { color:#555555; }


/* --------- Aktuelles -------------*/ 
#aktuelles { position:relative; }
#aktuelles .wrapper { padding:3% 5% 5%; background:#FFF;   }

#aktuelles .aktuelles-headline { display: block; text-transform: uppercase; text-align: center; font-weight:700; font-size:2.0rem; padding:0 0 20px;  }

#aktuelles a.instagram { box-sizing: border-box; color:#FFF; position: relative; width:100%; display: block; text-transform: uppercase; font-weight:700; font-size:1.8rem; padding:20px 120px 20px 20px; border:none; 
  background: rgba(82,52,247,1);
  background: -moz-linear-gradient(left, rgba(82,52,247,1) 0%, rgba(93,113,240,1) 26%, rgba(224,4,154,1) 51%, rgba(240,47,23,1) 71%, rgba(235,133,7,1) 84%, rgba(230,214,39,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(82,52,247,1)), color-stop(26%, rgba(93,113,240,1)), color-stop(51%, rgba(224,4,154,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(84%, rgba(235,133,7,1)), color-stop(100%, rgba(230,214,39,1)));
  background: -webkit-linear-gradient(left, rgba(82,52,247,1) 0%, rgba(93,113,240,1) 26%, rgba(224,4,154,1) 51%, rgba(240,47,23,1) 71%, rgba(235,133,7,1) 84%, rgba(230,214,39,1) 100%);
  background: -o-linear-gradient(left, rgba(82,52,247,1) 0%, rgba(93,113,240,1) 26%, rgba(224,4,154,1) 51%, rgba(240,47,23,1) 71%, rgba(235,133,7,1) 84%, rgba(230,214,39,1) 100%);
  background: -ms-linear-gradient(left, rgba(82,52,247,1) 0%, rgba(93,113,240,1) 26%, rgba(224,4,154,1) 51%, rgba(240,47,23,1) 71%, rgba(235,133,7,1) 84%, rgba(230,214,39,1) 100%);
}
#aktuelles a.instagram:after { content: ''; position:absolute; aspect-ratio: 1 / 1; right:10px; bottom:10px; width:auto; height:120%; max-height:100px; background:url('../Images/logo_Instagram.png') center bottom no-repeat; background-size: cover; box-sizing: border-box;  }


/* --------- Aktuelles -------------*/ 
#spieltermine { position:relative; }
#spieltermine .wrapper { padding:3% 5% 5%; background:#FFF;   }

#spieltermine .spieltermine-headline { display: block; text-transform: uppercase; text-align: center; font-weight:700; font-size:2.0rem; padding:0 0 20px;  }
#spieltermine .spieltermine-list-view .article { text-align: center; }


/* --------- Pageteaser Content -------------*/ 
#pageteaser { position:relative; }
#pageteaser .wrapper { padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; }

#pageteaser .wrapper:before { content: ''; position:absolute; left:0; top:0; width:20%; height:100%; background:rgba(138,80,71,0.3); }
#pageteaser .wrapper:after { content: ''; position:absolute; right:0; top:0; width:20%; height:100%; background:rgba(44,98,187,0.3); }

#pageteaser .pageteaser-tennis { position: relative; z-index: 200; padding:2%; background:url('../Images/pageteaser_tennis_platzbelegung.jpg') center bottom no-repeat; background-size: cover; box-sizing: border-box; padding-bottom:20%; }
#pageteaser .pageteaser-ski2 { position: relative; z-index: 200; padding:2%; background:lime; box-sizing: border-box; padding-bottom:15%; }
#pageteaser .pageteaser-ski { position: relative; z-index: 200; padding:2%; background:url('../Images/pageteaser_ski_galerie.jpg') center bottom no-repeat; background-size: cover; box-sizing: border-box; }
#pageteaser .pageteaser-tennis2 { position: relative; z-index: 200; padding:2%; background:lime; box-sizing: border-box; }

#pageteaser .pageteaser-header { font-weight:700; color:#FFF; padding-bottom:10px; display:block; font-size:3em; line-height: 100%; }
#pageteaser .pageteaser-subheader { color:#FFF; display:block; padding-bottom:20px; font-size:1.6em; }
#pageteaser a { color:#FFF; max-width: none; display: inline-block; border-color: #FFF; }




/* --------- Team Content -------------*/ 
#team .wrapper { padding:3% 5% 3%; background:#FFF; display:flex; justify-content:space-between; }
#team h2 { color:#e2001a; }
#team .team-images { display:flex; justify-content:space-between; flex-wrap: wrap; }
#team .team-images div { padding:1%; box-sizing: border-box; }
#team img { display:block; width:100%; height: auto; }
  #team .shadow_bottom { background:url('../Images/shadow_top.png') center bottom no-repeat; background-size: 120% 10px; bottom:0;}





/* --------- Footer -------------*/
#footer { color:#555555; position:relative; width:100%; font-size:0.8em; z-index:50; }
  #footer .wrapper { padding:2% 5%; position:relative; display:flex; justify-content:space-between; }

  /* --------- Copyright -------------*/
  .copyright { line-height:100%; }

  /* --------- Footernavigation -------------*/
  .footernav { position:relative; }
  .footernav ul { list-style-type:none; margin:0; padding:0 20px 0 0; display: flex; }
  .footernav ul li { float:left; line-height:100%; }
  .footernav ul li a { color:#555; display:inline-block; padding:0 10px;
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  .footernav ul li:last-child a { padding-right:0; }
  .footernav ul li:first-child a { padding-left:0; }
  .footernav ul li.active a { color:#555; }
  .footernav ul li a:hover { color:#555; }