/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v29-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-regular - latin 

::selection {background: #118fc4; color: #ffffff;}
::-moz-selection {background: #118fc4; color: #ffffff;}
 grün 2F8D5D
gelb:fbd02d 
weiss:f1efed*/

@media all{



body{
  background:#f8f8f8;
  margin:0;padding:0;
font-weight:400;
font-family: 'Open Sans', verdana, tahoma, sans-serif;
font-size:16px;
position:static;
overflow-x:hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);


}
body a{ text-decoration:none;
color:rgba(204, 120, 194);
font-weight:600;}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

#logo{
width:200px;
height:80px;
position:static;

left:20px;
z-index:2008;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border-radius:5px;
background-color:#fff;
}

#logo_main{

position:static;
background: url("../img/Logo_Main.png");
background-color:#fff;
background-size:contain;
background-position:center;
background-repeat: no-repeat;
height:90px;
width:100%;

}

#light{
  /*position:relative;*/
  
  color:#000000;
  font-size:32px;
  font-family:'Open Sans', sans-serif;
  }
#lightK{
  
    /*position:relative;*/
    color:#831f1f;
    font-size:32px;
    font-family:'Open Sans', sans-serif;
    }
#darkBig{
 
  font-size:50px;
  font-weight: 500;    
  top:51px;
  z-index:11;
  position:fixed;
  letter-spacing:-1px;
  color:#000000;
  font-family:'Open Sans', sans-serif;
  }
#darkBigK{
 
    font-size:50px;
    font-weight:500;    
    top:51px;
    z-index:11;
    position:fixed;
    letter-spacing:-1px;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    }
.error{
  z-index: 3000;
  padding: 150px;
  display: flex;
}

video {
	display: block;
	margin: 0 auto;
	width:640px;
	height:360px;
}


div#mobBg{display:none;
background: url("../img/mobBg.jpg");
background-size:cover;
background-position:center;
background-repeat: no-repeat;
position:sticky;
top:60px;
z-index:-10;}

div#webBg{
display:block;
background: url("../img/Titelbild_Pipifax.jpg");
background-size:cover;
background-position:center;
background-repeat: no-repeat;

position:relative;
top:0px;
z-index:-10;}


.toggleButtonNavigation {

transition: all 0.2s ease-in;


cursor:pointer;
right:25px;

display:none;

border-radius:7px;
width:51px;
height:50px;
z-index:2007;
position:fixed;
float:right;
}

.upperline {
  transition: all 0.2s ease-in-out;
  border-top:3px solid #000;
  position: absolute;
  width:25px;
  height:3px;
  margin-left: 13px;
  margin-top:14px
  
}

.middle {
  transition: all 0.2s ease-in-out;
  border-top:3px solid #000;
  position: absolute;
  width:25px;
  height:3px;
  margin-left: 13px;
  margin-top:22px;
 
  
}

.getHeight{
  min-height: 100vh;
}

.underline {
  transition: all 0.2s ease-in-out;
  border-top:3px solid #000;
  position: absolute;
  width:25px;
  height:3px;
  margin-left: 13px;
  margin-top:30px;
}

.displayNone{
 
  opacity: 0.0;
}

.rotateLeft{
  width:30px;
  margin-top:22px;
  margin-left:10px;
  transform:rotate(-45deg);
}

.rotateRight{
  width:30px;
  margin-top:22px;
  margin-left:10px;
  transform:rotate(45deg);
}

.toggleDiv{
display:none;}

.navigation {
  list-style: none;
  margin: 0; 
position:sticky;
  background: #fff;
  font-family:'Open Sans', sans-serif;
top:0px;
  width:100%;
  display: flex;
  z-index:2005;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
  padding:0;
  border-radius: 0px 0px 5px 5px;
  
}



.mainLink{
  padding:12px;
  font-size:19px;
}

.mainButton {
  text-decoration: none;

padding:7px;
color:#000;

border-radius:6px;
 
 

}

.mainButton:hover {

background:#118ec4a3;

}
.marked{
width:100%;
overflow-x:hidden;
}

#ziege{color:#fff;}

.slickTag{
font-family: 'Open Sans', Serif;
}




.bg{
background-size:cover;
position:fixed;

z-index:auto;
width:100%;

}

.slickTagDates{
font-size:14px;
list-style:none;
}
.slickTagDates li{
margin:5px 0;
}



.absatz{
top:30px;
position:relative;
text-align:left;
clear:both;
}

.ticker{
  display:block;
  position:fixed;
  color:#fff;
  font-size:15px;
 
  right:5%;
  bottom: 6%;
  background-color: rgba(31, 31, 31, 0.5);
  border-radius: 10px;
  padding: 25px 15px 15px 15px;
}

.slickTagSection{
display:flex;
position:fixed;
color:#fff;
justify-content:center;
background-color: rgba(204, 120, 194, 0.3);
border-radius: 0px;


height: auto;
width:100%;
}
.bundle{
  position:relative;
  
}

.slickTagSection2{
  display:block;
  position:fixed;
  color:#000;
  font-size:15px;
  font-weight:500;
  left:10%;
  bottom:20%;
  background-color: rgba(255, 255, 255, 0.699);
  padding:0 30px;
  border-radius: 10px;
 
  }

#timeline{
position:relative;
}
.newsLink{margin-left:20px;}
.bgContent{
clear:both;

background:#f8f8f8;
display:flex;
flex-direction: row;
flex-flow: row wrap;
padding:0 20px;
box-sizing:border-box;
z-index:1;
position:relative;

align-items:center;
justify-content: space-around;
align-content: space-around;

flex-basis:100%;

}
.zusatzNews{margin:0 15px;}
.clearspace{width:100%;
background:transparent;
height:2500px;
z-index:-1100;}

.flexWrapper{
clear:both;

display: flex;
flex-flow: row wrap;

align-content:stretch;
justify-content:flex-end;

flex-basis:100%;
background:transparent; /*#8d392f;*/
z-index:200;

-webkit-flex-flow: row wrap;
display: -ms-flexbox;
display: -webkit-flex;
}
.flexWrapperRight{
clear:both;

display: flex;
flex-flow: row wrap;

align-content:stretch;
justify-content:flex-start;

flex-basis:100%;
background:transparent; /*#8d392f;*/
z-index:200;

-webkit-flex-flow: row wrap;
display: -ms-flexbox;
display: -webkit-flex;
}
.flexWrapperCenter{

position:relative;

display: flex;
flex-direction: row;
align-items: flex-start;
justify-content:center;
flex-flow:row wrap;
flex-basis:100%;
background:transparent; /*#8d392f;*/
z-index:1;

-webkit-flex-flow: row wrap;
display: -ms-flexbox;
display: -webkit-flex;
}

.bgContentLeft{
background:rgba(0,0,0,0.19);
position:static;
padding:0 20px;
box-sizing:border-box;
z-index:1;
margin:0;
align-self:flex-start;

flex-basis:38%;

order:1;

}
#prTermine{
list-style:none;
margin:0 auto;
font-size:13px;
position:static;
top:-190px;
left:16%;



}
#prTermine li{
margin:8px;
display:inline-block;
}

.hiddenContent{
display:none;}

.showContent{

position:relative;
display:block;
box-sizing:border-box;
background:#fff;
z-index:1;
padding-bottom:10px;
width:100%;
margin-bottom:0px;

}
.showContent1{
position:relative;
display:block;
box-sizing:border-box;
background:#fff;
z-index:1;
padding-bottom:10px;
width:100%;
margin-bottom:0px;

}

.floatPic{
margin:20px 0;}

.showContentPic{
position:relative;
height:85vH;
width:100%;
display:block;
box-sizing:border-box;
background-size:cover;



}


.backButton{
position:fixed;
height:35px;
width:35px;
float:right;
right:10px;
top:70px;
z-index:2000;
}
.backButton:after{
position:absolute;
content:"";
right:23px;
top:5px;
height:25px;
width:0px;
border-right:3px solid #d0cac5;
-webkit-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg);     
transform: rotate(-45deg);

display:block;

}
.backButton:before{
position:absolute;
content:"";
right:23px;
top:5px;
height:25px;
width:0px;
border-right:3px solid #d0cac5;
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg);     
transform: rotate(45deg);

display:block;
}
#impressum{margin-bottom:80vH;}
.copyright{position: absolute;
float:right;
bottom:25px;
color:#ccc;
font-size: 12px;
right:50px;
}

.showContentText{
position:relative;
float:left;

max-width:480px;
background:#f8f8f8;

border-radius:8px;
display:block;
box-sizing:border-box;
top:-130px;

margin-left:16%;
padding:1.5em;
}

.showContentText div img{
margin-top:30px;
}

.permalink{
float:left;
margin-top:20px;
font-size:12px;
margin-left:0px;
cursor:pointer;
clear:both;
}

.trenner{
width:100%;
height:0px;
border-top: 1px #fff;

clear:both;
display:block;
position:relative;
margin:10px auto 0;
}


#Termine{

background:#000;}


.slickText{
width:100%;
font-family:'Open Sans', serif;
font-size:18px;
line-height:1.30em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
color:#000;
position:relative;
top:90px;
left:70px;
float:left;


}
.anmerkung{
position:relative;
margin-left:30%;
font-size:13px;
font-family:'Open Sans', sans;
display:block;
color:#777;
text-shadow:none;
}
div#abstand{
width:100%;

display:block;
box-sizing:border-box;

}

.startAkt{
margin:20px 20px;
width:380px;
font-size:16px;
}

.startAkt img{
float:left;
border: 0px solid #fff;
margin-right:10px;
border-radius:8px;}
.startAkt p{
float:right;
cursor:pointer;
line-height:27px;
border-radius:5px;

}

.news{
margin-top:5px;}
.news img{
float:left;
border: 1px solid #000;
margin-right:10px;}
.news p{
float:right;
display:block;
line-height:28px;
padding:-5px;border-radius:5px;

}


.textBge{

color:#000;
border-radius:3px;
font-weight: normal;

}
.textBgk{
  font-weight: normal;
color:#000;
border-radius:3px;
}
.textBgn{
  font-weight: normal;
color:#000;
border-radius:3px;
}


.fright{float:right;
font-weight:500;
color:#000;
}
.fleft{float:left;
font-weight:500;
color:#000;
}
.cboth{clear:both;
 display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
}
.ab{margin-bottom:-10px;
color:#000;
cursor:pointer;}
.ab1{margin-bottom:-10px;
color:#000;
cursor:pointer;}

.scrollButton{
position:relative;
background:#8d392f;
width:70px;
height:80px;
border-radius: 40px 40px 0 0;
display:none;
cursor:pointer;
right:20%;

}

.newsHeadline{
  font-size:1.5rem;
  text-decoration: none;
}
.newsHeadline a{text-decoration: none;}

.arrow-down {
position:relative;
top:20px;
left:20px;
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	
	border-top: 15px solid #f1efed;
}
.arrow-down:hover{
border-top:15px solid #71dbba;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.flexColumn{
clear:both;

display: -ms-flexbox;
display: -webkit-flex;

display: flex;
flex-direction: column;
flex-flow: column wrap;

-webkit-flex-flow: column wrap;
 				
 align-content:flex-start;
 justify-content:stretch;
  			
flex-basis:60%;
padding-bottom:0px;
    }

.flexWrapperLeft{

clear:both;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap:wrap;
align-content:stretch;
justify-content:left;
flex-basis:100%;
background:transparent; /*#8d392f;*/
z-index:200;
}

#termineDiv{
width:45%;
position:relative;
clear:both;

margin-bottom:30px;
}

#Jubelfest{
    background:transparent;
    width:100%;
    height:280px;

}

#fjahre{
    background:transparent;

    width:100%;
    margin:0;
    z-index:1;
}
.fjahreSub{
   display:none;
    max-width:850px;
    align-self:stretch;
    background-color:rgb(63 49 61 / 88%);
    flex-basis:auto;
    margin:12px 12px;
    padding:0;
    border-radius:10px;
    color: rgb(255, 255, 255);
    position: relative;

}

.fjahreSub p {
    margin:20px;
}

.fjahreImg{
    margin: 0px 20px 20px;
    float:left;
    border-radius:10px;
}

.fjahreh2{
    color:#fff;
    margin: 20px 20px;
}
.fjahreText{
    margin:20px;
    float:right;
}

#Buecher_Musik_Filme{

background:#118fc4;

width:100%;
margin:0;
z-index:1;

}


.vo{
min-height:450px;
max-width:380px;
align-self:stretch;
background-color:#fff;
flex-basis:auto;
margin:10px;
padding: 25px;
border-radius:10px;
}
.h1White{
color:#000;
font-family: 'Open Sans', Serif;
width:100%;
margin:30px auto;
text-align:center;
font-size:2.5rem;

font-weight:900;
}

.h1White:first-child{

margin-top:100px;

}
.h1Blanc{
color:#fff;
font-family: 'Open Sans', Serif;
width:100%;
margin:70px auto 30px;
text-align:center;
font-size:2.5rem;

font-weight:900;
}
.h1Whitek{color:#fff;
font-family: 'Open Sans', Serif;
margin-top:25px;
margin-bottom:35px;
font-weight:900;
text-align:center;
display:none}
.h1WhiteSlick{
color:#fff;
font-family: 'Open Sans', Serif;
margin-top:90px;
text-align:left;


}
.h1wl{margin-top:0;
color:#000;
font-size:2.8rem;
margin:25px 0;
width:100%;}

.h2wl{
font-family: 'Open Sans', Serif;
font-size:30px;
margin: 50px 0 10px;
padding:0;
color:#000;
}
h1{margin-top:0;
color:#000;
font-size:2.8rem;
margin-bottom:0px;
width:100%;
font-weight:900;
font-family: 'Open Sans';
}
h2{
font-family: 'Open Sans', Serif;
font-size:30px;
margin: 0;
padding:0;
color:#000;
font-weight:900;
}
.h2ticker{
  font-family: 'Open Sans', Serif;
  font-size:30px;
  margin: 0;
  padding:0;
  color:rgb(255, 255, 255);
  font-weight:500;
  }
.h2Ad{
    font-family: 'Open Sans', Serif;
    color:#fff;
font-size:45px;
font-weight:900;
    margin: 0;
    padding:0;
    color:rgb(255, 255, 255);
    }
.h2Ads{
    font-family: 'Open Sans', Serif;
    color:#fff;
font-size:30px;
font-weight:300;
    margin: 0;
    padding:0;
    color:rgb(255, 255, 255);
    }
h3{
font-size:20px;
margin:-6px 0 3px;
font-family: 'Open Sans', Serif;
font-weight:600;
font-family: 'Open Sans';
}
.fleft{
float:left;
margin-right:10px;
}





.terminKids{
display:block;
background:#fff;
padding: 15px 15px;
border-radius:10px;
margin-top:20px;
position:relative;
width:45%;
float:left;
clear:both;
}
.terminKids:after{
position:absolute;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	content:"";
	border-left: 30px solid #fff;
	left:100%;
	top:20%;
	margin-top:0;
	}
.dateKids{
background: transparent;
color: #fff;
text-align:right;
left:111%;
position:absolute;
top:20%;
margin-top: 0;
font-size:18px;
font-weight:bold;

white-space:nowrap;

}
.terminErw{
display:block;
position:relative;
background:#fff;
padding: 15px 15px;
border-radius:10px;
margin-top:20px;
width:45%;
float:right;
clear:both;
}
.terminErw:after{
position:absolute;
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
content:"";
border-right: 30px solid #fff;
right:100%;
top:20%;
margin-top:0;
}
.dateErw{
background: transparent;
color: #fff;
right:111%;
position:absolute;
top:15%;
font-size:18px;
font-weight:bold;

height:30px;
white-space:nowrap;

}
#subNavKontakt{
 
  position: sticky;
  top:50px;
  padding:.6rem;
  background:#000;

  width:100%;}



img.fright{
float:left;
width:333px;
height:640px;
margin:40px 0 40px 40px;
border: 7px solid #fff;

border-radius:15px;}

.subButton{
  text-decoration: none;
color:#fff;
  padding:.6rem;
  
}

.subButton:hover{
  color:#000;
  background:#fff;
}

/*. netter Pfeil für Unterkategorien

subButton::after{

  content: "";
  border: .4rem solid #0000;
  border-left: .6rem solid #a4a9b3;
  border-right-width: 0;
  width: 0;
  height: 0;
  margin: 0;
  display: inline-block;

}*/
#footer{
position:relative;
z-index:2;
color:#fff;
background:#000;
font-size:14px;
clear:both;
width:100%;}
#footer a{color:#fff;}
.subNav{
list-style: none;
  margin: 0; 

position:relative;

  width:auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  z-index:100;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
  padding:0;
  font-size:.9rem;
}
.subNav a{
  text-decoration: underline;
}



#footer ul li{

margin:12px 15px;

}
#footer:after{
height:200px;
width:250px;
margin-top:-200px;

background:url("../img/footer.png") transparent;
content:"";
right:10px;
background-size:cover;
position:absolute;}

.contentKontakt p{
margin: 0;
display:block;
max-width:90%;
padding:10px;

}
.subLink{margin:0 5px;}
.wl{
margin: 50px auto;
background:#fff;
color:#000;
max-width:480px;
position:relative;


}

.contentKontakt{
  margin: 3rem auto 2rem;
  background:#f8f8f8;
  color:#000000;
  max-width:600px;
  position:relative;
  padding:2em;
  border-radius:15px;
  overflow-x: hidden;
}

.anchor{
position:absolute;
top:-70px;}

.contentKontakt ul{
list-style:none;
padding:1em;
line-height:1.5em;
}
.contentKontakt ul b{
color:#888;
font-size:15px;
}
.contentKontakt ul li{
padding-bottom:40px;
margin-bottom:25px;
line-height:22px;
}

.block{
font-size:20px;
color:#5b5959;
font-weight:500;
}

.backCoverKontakt{
/*background: url("../img/impressum.jpg");*/
background-repeat: no-repeat;
background-color:#262626;
background-position: center;
background-size: cover;
right:0;
width:100%;
position:fixed;
display:block;
top:0;
z-index:-100;

height:100vH;
}




}







@media all and (max-width: 1080px) {

.navigation {
    justify-content: space-around;
    padding: 1em 2em;
    display:none;
    top:60px;
    font-size:20px; 
    position:fixed;
    left:0px;
    
  }

  .h1White{
    color:#000;
    font-family: 'Open Sans', Serif;
    width:auto;
    margin:30px auto;
    text-align:left;
    font-size:2rem;
    
    font-weight:900;
    }

.bgContent{
  
    justify-content: flex-start;
    flex-flow: column;
    align-items: normal;
  }

#subNavKontakt{
    top:65px;
    position: fixed;
    background:#000;
   
    width:100%;
  }

  .textBge{
    display:none;
    color:#000;
    border-radius:3px;
    font-weight: normal;
    
    }
    .textBgk{
      display:none;
      font-weight: normal;
    color:#000;
    border-radius:3px;
    }
    .textBgn{
      display:none;
      font-weight: normal;
    color:#000;
    border-radius:3px;
    }

    .newsHeadline{
      font-size:1rem;
      text-decoration: none;
    }



#logo_main{
background-color: #fff;
  z-index:5;
   position:fixed;

    background-position:left;
    
    height:45px;
    border: 10px solid #fff;
    top:0;
    }

div.showContentText{

    top:0px;
    margin:0px;
    
}
.slickTagSection{
  display:none;
  position:fixed;
  color:#fff;
  
  background-color: rgba(204, 120, 194, 0.3);
  border-radius: 0px;
  
  
  height: auto;
  width:100%;
  }

div#slickWrap{display:none;}
div#mobBg{display:block;}
div#webBg{display:none;}
 
  .toggleDiv{
  display:block;}
 
  span.toggleButtonNavigation{
	display:block;
  top:20px;
  }    
  .h1Blanc{
    margin: 90px auto 30px;
  }
  
  .showContentPic{
	background-position:center;
	}
  
  .contentKontakt{
    border-radius:0;
  margin:8rem auto 0;
  }

  .bgContent a:first-child{
    margin-top:100px;
    width:100%;
   
    }
  
  .bgContent a{

padding:0;
width:100%;
    } 

.startAkt{
      
 
  margin:10px auto;
  display:flex;
  justify-content: left;
  width:auto;
  max-width:450px;

}
.startAkt img{
  float:left;
  border: 0px solid #fff;
  margin:0 15px 0 0;
  border-radius:8px;}
   
   
  .startAkt p{
  float:left;
  cursor:pointer;
 
  }

#subNavFooter{
  
  justify-content: space-around;
  padding: 1em 2em;
  display:block;}


#subNavKontakt{
  
  justify-content:space-around;
  padding: 1em 0;}

#footer:after{
  right:0px;}

.backButton{right:-3px; top:10px;}
div#termineDiv{width:80%;}
}






@media all and (max-width: 800px) {



.h1wl{font-size:30px; margin: 0 15px;}
.h2wl{font-size:20px; font-weight:normal; margin: 25px 15px 15px;}
div.terminKids{width:80%;}
div.terminErw{width:80%;}
div.terminKids:after{display:none;}
div.terminErw:after{display:none;}
span.dateKids{text-align:left; color:#000; position:static;}
span.dateErw{text-align:left; color:#000; position:static;}
}
@media all and (max-width: 600px) {
div#termineDiv{width:98%;}
div.terminKids{width:92%; float:left; margin:10px auto;}
div.terminErw{width:92%; float:left; margin:10px auto;}
video {height:180px; width:320px;}

div#slickWrap{display:none;}
div#mobBg{display:block;}
#darkBig, #darkBigK{font-size:32px;
top:2px;
left:85px;}
#logo{left:10px;top:7px;}
#light,#darkSmall, #lightK{font-size:25px;}
#lightKontakt, #darkSmallKontakt {font-size:25px;}
#krone{

width:40px;
height:35px;
z-index:10;
position:absolute;
background-size:cover;

top:-5px;
left:25px;
}
}
  
@media all and (max-width: 480px){

img.fright{margin:40px auto;}
div.vo{margin:15px 0; width:90%;}
div.terminKids{width:92%; float:left; margin:10px auto;}
div.terminErw{width:92%; float:left; margin:10px auto;}

div.flexWrapperCenter{padding-left:0;}
div.showContentText{
position:relative;
float:left;

max-width:100%;
background:#f8f8f8;

border-radius:3px;
display:block;
box-sizing:border-box;
top:0px;
margin-left:0px;
padding:1.0em;
}

h1{font-size:26px;}


}
@media all and (max-width: 380px){

img.floatPic{width:300px;
height:190px;}
}
@media all and (max-width: 350px){

h1{font-size:18px;}
body{font-size:14px;}
.showContentPic{
height:350px;
}
#footer:after{width:160px; height:200px;}
h2{font-size:16px;}
h3{font-size:15px;}

div.terminKids{width:85%; float:left; margin:10px auto;}
div.terminErw{width:85%; float:left; margin:10px auto;}

}
@media all and (max-width: 280px){


#darkBig, #darkBigK{font-weight:normal; font-size:30px;
top:30px;
left:10px;}





}