/*  [data-whatinput='mouse'] */


/*
	small: 0px,
	medium: 640px,
	large: 1025px,
	xlarge: 1200px,
	xlarge: 1440px,
*/

/*

Alle hover für mobil ausblenden
html.no-touch .button-open-navigation:hover

*/

/*

outline: none 
nur auf folgende Art verbauen:

[data-whatinput="mouse"] .button-open-navigation:focus,
[data-whatinput="touch"] .button-open-navigation:focus
 { outline: none; }
 
 */



html{
 	height:100%;
	min-height:100%;
    
}
 
 
body{
 	min-height:100%;
     /*overflow:hidden;*/
    overflow-x:hidden;
}



body {
    background-color: #bfbfbf;
    background-color: #1f3931;
    background-color: #fafafa;
    color: #fff;
    font-family: hindlight, sans-serif;
    font-size: 18px;
    /*background-image: url(../images/design/20161228_175822.jpg);
	background-image: url(../images/design/fire-max.jpg);
	background-image: url(../images/design/fire-2400.jpg);*/
    /*background-image: url(../images/design/bg.jpg);*/
    background-image: none;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1025px) {
	body{
		
		background-attachment: fixed;
		background-size: cover;
		background-position: right center;
		background-repeat: no-repeat;
	}

}


.headercontainer {
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 30px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9900;
	color: white;
	padding-top: 8px;
	padding-left: 30px;
	padding-right: 30px;
	display:none;
	cursor:pointer;
}
.headercontainer {
	
}
	.outer { text-align:center;}

.startbackground {
    position: relative;
    z-index: 1000;
    height: 100vh;
    /*height: calc(100vh - 100px);*/
    /*background-color:black;*/
    /*background-image: url(../images/bilder/steinkreis.jpg);*/
    background-position: center center;
    background-size: cover;
}
.chapterimage {
    height: 100vh;
    background-image: url(../images/bilder/1-1900.jpg);
    background-position: center center;
    background-size: cover;
}
.chapterheading {
    font-size: 84px;
    font-family: 'Staatliches', sans-serif;
    color:white;
}
.logo {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
p.start {padding-left:20px;padding-right:20px; }
.whiteicon{
 	color: #fff !important;
 	/*text-shadow: 0px 0px 5px #fff;*/
    font-size:80px;
    width:auto;
 } 
 html.no-touch .whiteicon:hover{
 	color: #fff !important;
 	text-shadow: 0px 0px 10px #fff;
 }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 2px !important;
	right: auto
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 2px !important;
	left: auto
}

.trenner { height:80px;}
 

/*lightbox-fancybox als quadrat*/
 .square {
  position: relative;
  width:100%;
  border:0px solid red;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.squarecontent {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* für ganzseitige anzeige*/
.divtable { display: table; width: 100%; border: 0px solid blue; height: 100vH; background: none !important; border: none !important; padding: 0px; margin: 0px; }
.divrow { display: table-row; background: none !important; border: none !important; }
.divcell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; background: none !important; border: none !important; }


/*für inline-bild anzeige*/
.divtableimage { display: table; width:auto !important;border: 0px solid blue; background: none !important; border: none !important; padding: 0px; margin: 0px; }
.divrowimage { display: table-row; width:auto !important;background: none !important; border: none !important; }
.divcellimage { display: table-cell; width:auto !important;vertical-align: middle; text-align: center; background: none !important; border: none !important; }
.innerteaser { }

.contentpart { padding-top:40px;padding-bottom:50px;
               box-shadow: 0px 0px 20px -1px black;
}


.contentcolor1 {
	/*background: rgb(52,86,1);
	background: -moz-linear-gradient(0deg, rgba(52,86,1,1) 0%, rgba(136,169,28,1) 44%, rgba(185,209,49,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(52,86,1,1) 0%, rgba(136,169,28,1) 44%, rgba(185,209,49,1) 100%);
	background: linear-gradient(0deg, rgba(52,86,1,1) 0%, rgba(136,169,28,1) 44%, rgba(185,209,49,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#345601",endColorstr="#b9d131",GradientType=1);*/
	background: rgb(61,55,5);
	background: linear-gradient(0deg, rgba(61,55,5,1) 0%, rgba(31,97,1,1) 9%, rgba(61,167,13,1) 100%);
}

.contentpartinner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
/*.headercontainer {
    background-color:white;
    height:100px;
    width:100%;
    text-align:center;
}*/

.footer { font-family:'hindlight', sans-serif !important; color:#fff;background-color:orange;padding-top:20px;padding-bottom:20px;text-align:center;}



.footertruebrew { 
    z-index: 500;
	display:inline-block;
	height: auto;
	width:auto;
	
	
	position: fixed;
	right:15px;
    bottom:10px;
	
	
	/*background-image: url(../images/design/menu-icon.png);
	background-size: 70px 70px;*/
	
	display: block;
	cursor: pointer;
	
		
    text-shadow:1px 1px 3px black;

	transition:all 0.5s ;
	  -webkit-transition:all 0.5s ;
	  -o-transition:all 0.5s ;
	  -moz-transition:all 0.5s ;

}
a.impressum:not(.button), a.datenschutz:not(.button) {
    font-size: 24px !important;
    color: #fff !important;
    padding-left: 10px;
    font-weight: 400 !important;
    text-transform: uppercase;
    /*font-family: 'Bebas Neue', sans-serif !important;*/
    text-shadow:none !important;
    text-decoration:none !important;
}
.footer a:not(.button) {
    color: #fff !important;
}

a.kontaktlink {
    background-color: rgb(136,169,28) !important;
    padding: 20px;
    font-size: 20px;
    border-radius: 100px;
    margin-top: 10px;
    color: white !important;
    text-decoration: none !important;
}




.button {
    background-color: darkred !important;
}
    html.no-touch .button:hover, .button.selected {
        background-color: darkred !important;
        color:white !important;
        /*-moz-box-shadow:  0px 0px 10px -1px  #fff;
		-webkit-box-shadow:  0px 0px 10px -1px  #fff;
		box-shadow: 0px 0px 10px -1px  #fff;*/
    }

.button.buttonshow{
	margin-top: 2px;
	width: 200px;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	margin-right: 2px;
	margin-bottom: 2px;
	
}
html.no-touch .button.buttonshow:hover, .button.buttonshow.selected{
	background-color: #424141;
	/*-moz-box-shadow:  0px 0px 10px -1px  #fff;
		-webkit-box-shadow:  0px 0px 10px -1px  #fff;
		box-shadow: 0px 0px 10px -1px  #fff;*/
		border-bottom: 2px solid #e7bd59;
		border-top: 2px solid #e7bd59;
}


/*
@media screen and (min-width: 1025px) {*/
	.defining-row{
		max-width: 1000px !important;
		/*min-width: 1025px !important;*/
		/*border: 3px solid red;*/
		overflow: hidden;
	}
/*}*/

.fancybox-bg {
  background: #000;}

.fancybox-is-open .fancybox-bg {
  opacity: 1}




.button-open-navigation
{

	z-index: 500;
	font-size: 30px;
	color: #520000;
	height: 50px;
	width:50px;
	border: 0px solid black;
	
	position: fixed;
    /*wird oben gesetzt*/
	/*top: 10px;
	left: 10px;*/
	z-index:3000;
	/*background-image: url(../images/design/menu-icon.png);
	background-size: 70px 70px;*/
	
	display: block;
	cursor: pointer;
	
	-moz-border-radius: 200px;
			-webkit-border-radius: 200px;
			border-radius: 200px;
			
	border: 0px solid #333;		
	background-color: white;
	background-color: rgba(255,255,255,1);
	background-color: #fff;
	
	-moz-box-shadow:  0px 0px 4px -1px  #333;
		-webkit-box-shadow:  0px 0px 4px -1px  #333;
		box-shadow: 0px 0px 4px -1px  #333;
		
	transition:all 0.5s ;
	  -webkit-transition:all 0.5s ;
	  -o-transition:all 0.5s ;
	  -moz-transition:all 0.5s ;	
}

.button-open-navigation-rechts
{
	top: 20px;
	right: 20px;
	left: inherit;
}

.button-close-navigation.left { left: 10px;top: 10px;}
.button-close-navigation.right {right: 20px; top: 10px;}

.button-close-navigation.leftbottom { left: 10px;bottom: 10px;}
.button-close-navigation.rightbottom {right: 20px; bottom: 10px;}

.button-close-navigation
{

	z-index: 500;
	font-size: 30px;
	color:#ffc600;
	height: 50px;
	width:50px;
	border: 0px solid black;
	
	position: fixed;
	
	
	
	/*background-image: url(../images/design/menu-icon.png);
	background-size: 70px 70px;*/
	
	display: block;
	cursor: pointer;
	
	-moz-border-radius: 200px;
			-webkit-border-radius: 200px;
			border-radius: 200px;
			
	border: 0px solid #333;		
	/*background-color: white;
	background-color: rgba(255,255,255,0.8);*/
	
	/*-moz-box-shadow:  0px 0px 4px -1px  #333;
		-webkit-box-shadow:  0px 0px 4px -1px  #333;
		box-shadow: 0px 0px 4px -1px  #333;*/
		
    text-shadow:1px 1px 3px black;

	transition:all 0.5s ;
	  -webkit-transition:all 0.5s ;
	  -o-transition:all 0.5s ;
	  -moz-transition:all 0.5s ;	
}

.button-open-navigation-rechts
{
	top: 10px;
	right: 10px;
	left: inherit;
}

html.no-touch .button-open-navigation:hover{
	-moz-box-shadow: 0px 0px 10px 0px  #fff;
		-webkit-box-shadow: 0px 0px 10px 0px  #fff;
		box-shadow: 0px 0px 14px 0px  #333;
}

[data-whatinput="mouse"] .button-open-navigation:focus,
[data-whatinput="touch"] .button-open-navigation:focus
 { outline: none; }








/* Fonts etc */

p, li {
    /*font-family: 'AllerRegular', Verdana,  sans-serif;*/
    font-family: 'hindregular', sans-serif;
    font-weight: 300;
    font-size: 34px;
    font-size: 22px;
    color: #fff;
    line-height: 1.3;
    /*text-align: justify;*/
    
}
    p.start {
        /*font-family: 'AllerRegular', Verdana,  sans-serif;*/
        font-family: 'hindsemibold', sans-serif;
        font-weight: 300;
        font-size: 34px;
        font-size: 30px;
        color: white;
        line-height: 1.3;
        text-shadow: 0px 0px 5px black;
        /*text-align: justify;*/
    }

		p.start.startslider {
			font-size: 18px;
			max-width: 800px;
			margin-left: auto;
			margin-right: auto;
		}
@media screen and (min-width: 40em) {
	p.start.startslider {
		font-size: 26px;
	}
}
.startsliderouter {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0,0,0,0.4);
	padding:30px 10px 20px 10px;
	border-radius:10px;
}

h1, h2, h3, .infoblock li {
	/*text-shadow: 0px 0px 5px #000;*/
	font-family: 'hindsemibold', sans-serif;
	font-weight: 900;
}

p{
	margin-bottom: 10px;
	
	
}
span.subline { display: block; font-size:30px; }
.myoverlay p, .infoblock li{
	font-size: 40px;
}
.myoverlay {
    display:none;
    z-index:1000 !important;
    position:absolute;
}





@media screen and (min-width: 40em) {
    .section-position-top { top:10%;position:absolute;top:3%; width:100%; height:auto;padding:20px;}
}
@media screen and (min-width: 40em) {
    .section-position-bottom { line-height:0.95em;position:absolute;bottom:7%; width:100%; height:auto;padding:20px;}
}
.footerrow p{
	font-size: 16px;
}
.panel{
	clear:both;
	/* für die floating elemente */
}

img.floatright{
	/*float: right;*/
	padding-left: 0px;
	padding-bottom: 20px;
	display: block;
}
@media screen and (min-width: 700px) {
	img.floatright{
		float: right;
		padding-left: 10px;
		padding-bottom: 10px;
	}
}




.chapterimage, .startbackground {  -moz-box-shadow: 0px 0px 12px 2px  #666;
		-webkit-box-shadow:  0px 0px 12px 2px  #666;
		box-shadow: 0px 0px 12px 2px  #666;}





/*.contentcolumn ul {
  list-style: none;
  padding: 0;
}
.contentcolumn li {
  padding-left: 0.0em;
}
.contentcolumn li:before {
  content: "\f00c"; 
  content:"–";
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em; 
}*/




/*h1, h2, h3
{
	line-height: 1.2;
	font-weight: 400;
	margin-top: 0px;
	
	
}*/
h1, .chapterheading  {
	font-size: 30px;
	font-size: 60px;
	margin-top: 20px;
	margin-bottom: 6px;
	/*font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;*/
	font-family: 'hindsemibold', sans-serif;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 400;
	line-height: 1;
	/*line-height: 0.95;*/
	text-shadow: 0px 0px 5px black;
}

h2 {
    font-size: 38px;
    margin-top: 20px;
    margin-bottom: 30px;
    /*font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;*/
    /*font-family: 'PT Sans', sans-serif;*/
    font-family: 'hindregular', sans-serif;
    font-weight: 400;
    line-height: 1;
    padding: 0px 20px 0px 20px;
    color: #fff;
    text-shadow: 0px 0px 5px black;
}
.chapterheading  {
	font-size: 28px !important;

}

@media screen and (min-width: 40em) {
	.chapterheading  {
		font-size: 40px !important;
	}
}

.zwischenrow h2, .footerrow h2, .contentrow .leftcolumn h2{
	font-size: 34px;
}
.terminhighlight{
	color: #ffc600;
}




hr{
	margin-bottom: 0px;
	color: #fff;
	border-color: rgba(255,255,255,0.2);
	max-width: 100%;
}
h3 {
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 6px;
	/*font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;*/
	/*font-family: 'PT Sans', sans-serif;*/
	font-weight: 400;
	line-height: 1;
	/*text-shadow: 0px 0px 2px  #000;*/
	color: #fff;
	text-shadow: 0px 0px 5px black;
}

hr{
	/*border-color: rgba(255,255,255,0.3);	*/
}

.contentcolumn li {
	margin-bottom: 0px;
	
}

.linkiteminner { padding:10px 30px 10px 30px;display:inline;}
.linkiteminner a { font-weight:bold !important;color:black !important;
                   text-shadow: 1px 1px 10px  #fff;}

a:not(.button), 
a:not(.button):link,
a:not(.button):visited,
a:not(.button):active,
a:not(.button):focus{
	color: #fff;
    /*font-family: Arial;*/
    /*font-size:16px;*/
    text-decoration:none ;
    font-weight:normal;
	/*color: #113454;
	font-weight: 400 ;
	font-size: 16px;*/
	}
 .moreinfo {position:relative; display:block;
                          
    transition:all 0.5s ;
	  -webkit-transition:all 0.5s ;
	  -o-transition:all 0.5s ;
	  -moz-transition:all 0.5s ;
}
.moreinfo .fa {font-size:26px; }
a.moreinfowhite, a.moreinfowhite .fa { color:white;}

    html.no-touch .moreinfo:hover {
	/*text-shadow: 1px 1px 50px  #fff;*/
        -ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
    /*border:3px solid #f3ae22;*/ 

}


.startitem { margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border-radius:75px;
             -moz-box-shadow:  0px 0px 10px -1px  #fff;
		-webkit-box-shadow:  0px 0px 10px -1px  #fff;
		box-shadow: 0px 0px 10px 3px  #fff;
         transition:all 0.5s ;
	  -webkit-transition:all 0.5s ;
	  -o-transition:all 0.5s ;
	  -moz-transition:all 0.5s ;

      display:inline-block;max-width:150px;
      color:transparent;
      position:relative;
}
.startitem:hover { 
             -moz-box-shadow:  0px 0px 10px 10px  #fff;
		-webkit-box-shadow:  0px 0px 10px 10px  #fff;
		box-shadow: 0px 0px 10px 10px  #fff;
        border-radius:20px;
         -ms-transform: scale(1.6, 1.6); /* IE 9 */
    -webkit-transform: scale(1.6, 1.6); /* Safari */
    transform: scale(1.6, 1.6);
    color:white;
    text-shadow:1px 1px 3px black;
}







/* Off-Canvas-Navigation */


.offcanvasnavi.vertical.menu{
	margin-top: 95px;
	padding-left: 10px;
}
.offcanvasnavi.vertical.menu li{
	list-style-type: none;
}
.offcanvasnavi.vertical.menu li a{
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	/*line-height: 10px;*/
}
.offcanvasnavi.vertical.menu li li a{
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	/*line-height: 10px;*/
}
.offcanvasnavi.vertical.menu li li li a{
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/*line-height: 10px;*/
}

.offcanvasnavi.vertical.menu li a:focus { outline: none; }

/*.offcanvasnavi.vertical.menu li a::before{
	content: "> " ;
}*/

.offcanvasnavi.vertical .vertical-abstand {
	/*margin-top: 20px;*/
}
.offcanvasnavi.vertical.menu li a.active/*, 
html.no-touch .offcanvasnavi.vertical.menu li a:hover*/{
	color: #ffc600;
	background-color: transparent;
}
.offcanvasnavi.vertical.menu li li a.active/*, 
html.no-touch .offcanvasnavi.vertical.menu li li a:hover*/{
	
	color: #ffc600;
	background-color: transparent;
}

/*@media screen and (min-width: 1025px) {

	.offcanvasnavi.vertical.menu{
		margin-top: 120px;
		padding-left: 95px;
	}
	.offcanvasnavi.vertical.menu li a{
		color: #fff;
		font-size: 30px;
		font-style: italic;
		font-weight: 400;
		line-height: 30px;
	}
	
	.offcanvasnavi.vertical .vertical-abstand {
		margin-top: 40px;
	}
}
 */
 
 /* Off-Canvas-Overwrite */
 
 .js-off-canvas-overlay {
   position: absolute;
   z-index: 110;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: opacity 0.5s ease, visibility 0.5s ease;
   background: rgba(0, 0, 0, 0.7);
   opacity: 0;
   visibility: hidden;
   overflow: hidden; }
   .js-off-canvas-overlay.is-visible {
     opacity: 1;
     visibility: visible; }
   .js-off-canvas-overlay.is-closable {
     cursor: pointer; }
   .js-off-canvas-overlay.is-overlay-absolute {
     position: absolute; }
   .js-off-canvas-overlay.is-overlay-fixed {
     position: fixed; }
 
 .off-canvas-wrapper {
   position: relative;
   overflow: hidden; }
 
 .off-canvas {
   position: fixed;
   z-index: 150 !important;
   transition: transform 0.5s ease;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   background: #e6e6e6; 
background: rgba(0,0,0,0.8);
background-color: #595959;
   
   }
   [data-whatinput='mouse'] .off-canvas {
     outline: 0; }
   .off-canvas.is-transition-overlap {
     z-index: 10; }
     .off-canvas.is-transition-overlap.is-open {
       box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
   .off-canvas.is-open {
     -ms-transform: translate(0, 0);
         transform: translate(0, 0); }
 
 .off-canvas-absolute {
   position: absolute;
   z-index: 150 !important;
   transition: transform 0.5s ease;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   background: #e6e6e6; }
   [data-whatinput='mouse'] .off-canvas-absolute {
     outline: 0; }
   .off-canvas-absolute.is-transition-overlap {
     z-index: 10; }
     .off-canvas-absolute.is-transition-overlap.is-open {
       box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
   .off-canvas-absolute.is-open {
     -ms-transform: translate(0, 0);
         transform: translate(0, 0); }
 
 
 .position-right {
   top: 0;
   right: 0;
   width: 250px;   height: 100%;
   -ms-transform: translateX(250px);
       transform: translateX(250px);
   overflow-y: auto; }
   .position-right.is-open ~ .off-canvas-content {
     -ms-transform: translateX(-250px);
         transform: translateX(-250px);  
          }
   .position-right.is-transition-push::after {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 1px;
     /*box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);*/
     /*content: " "; */
     }
   .position-right.is-transition-overlap.is-open ~ .off-canvas-content {
     -ms-transform: none;
         transform: none; }
 
 
 
/*.position-right {

	width: 250px;
	-ms-transform: translateX(484px);
	transform: translateX(484px); }

position-right.is-open ~ .off-canvas-content {
	-ms-transform: translateX(-484px);
	transform: translateX(-484px);         
}*/
 
@media screen and (min-width: 1025px) {

 .position-right {
   
	width: 484px;
	-ms-transform: translateX(484px);
	transform: translateX(484px); }

	position-right.is-open ~ .off-canvas-content {
	-ms-transform: translateX(-484px);
    transform: translateX(-484px);         
	          }
	

} 
 
  
 .off-canvas-content {
   transition: transform 0.5s ease;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden; 

           }
 
 
 @media print, screen and (min-width: 40em) {
      .position-right.reveal-for-medium {
     -ms-transform: none;
         transform: none;
     z-index: 1; }
     .position-right.reveal-for-medium ~ .off-canvas-content {
       margin-right: 250px; 
margin-right: 484px; 
		}
   }
 
 @media print, screen and (min-width: 1025px) {
   
   .position-right.reveal-for-large {
     -ms-transform: none;
         transform: none;
     z-index: 1; }
     .position-right.reveal-for-large ~ .off-canvas-content {
       margin-right: 250px;
margin-right: 484px;         
       }
   }
  
 
 
 .is-accordion-submenu-parent > a {
   position: relative; }
   .is-accordion-submenu-parent > a::after {
     display: block;
     width: 0;
     height: 0;
     border: inset 6px;
     content: '';
     border-bottom-width: 0;
     border-top-style: solid;
     border-color: #fff transparent transparent;
     position: absolute;
     top: 50%;
     margin-top: -3px;
     right: 1rem; }
 
 .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
   -ms-transform: rotate(180deg);
       transform: rotate(180deg);
   -ms-transform-origin: 50% 50%;
       transform-origin: 50% 50%; }
 

 ul li ul li.is-accordion-submenu-parent > a:after{
 	border-color: transparent;
 }
     
   
      


.vertical-center { height:100%;border:0px solid red;padding-left:0px;
                     display: flex;
                    justify-content:center;
                    flex-direction: column;
                     /*vertical-align:middle;*/
                     padding-top:20px;
}

.contentcontainer{
	z-index: 10;
}

.infoblock {margin-bottom:30px;top:0px !important; vertical-align:top !important;}
.overlayTermine{
	
	display: none;
	left: 100%;
	top: -100%;
	top: 0%;
	padding: 20px 20px 40px 20px;

}
.overlayVerteiler{
	
	display: none;
	left: 100%;
	top: -100%;
	top: 0%;
	padding: 20px 20px 20px 20px;
	
}
.myoverlay{
	z-index: -10;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	
	width: 100%;
	min-height: 100%;
	
	text-align: center;
	opacity: 0.0;

    /*padding: 10px 15px 15px 30px;*/
	/*cursor: pointer;*/
	/*border: 1px solid #fff;*/
}








	
	.section{
		text-align:center;
        background-color:orange;

	    background-size: cover !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}

	#section1,
	#section2,
	#section3{
		background-size: cover;
	}

	
	#section1{

        /*background-image: url(images/design/bg-02b.jpg);*/
        background-color:orange;

	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	}
	#section2{

        /*background-image: url(images/design/fire-2400.jpg);*/
        background-color:orange;

	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	}
	#section3{
		/*background-image: url(images/design/neumond-02.jpg);*/
        background-color:black;

	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	}
	#section4{
		/*background-image: url(images/design/night-watch-07.jpg);*/
        background-color:black;

	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	}
    #section5{
		/*background-image: url(images/design/medizin-02.jpg);*/
        background-color:black;

	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	}
    #section6{
		/*background-image: url(images/design/waffenritualraum-02.jpg);*/
        background-color:white;

	    background-size: cover;
	    background-position: center top;
	    background-repeat: no-repeat;
	}
    #section7{
		/*background-image: url(images/design/huette-01.jpg);*/
        background-color:white;

	    background-size: cover;
	    background-position: center top;
	    background-repeat: no-repeat;
	}
    #section8{
		/*background-image: url(images/design/feuertipi-02.jpg);*/
        background-color:white;

	    background-size: cover;
	    background-position: center top;
	    background-repeat: no-repeat;
	}
    #section9{
		/*background-image: url(images/design/tipi-01.jpg);*/
        background-color:white;

	    background-size: cover;
	    background-position: center top;
	    background-repeat: no-repeat;
	}

	
	#infoMenu li a{
			color: #fff;
	}

    
    /* Menu
     * --------------------------------------- */
    #menu li {
	    display:inline-block;
	    /*margin: 10px;*/
	    color: #fff;
	    /*background:#fff;
	    background: rgba(255,255,255, 0.5);*/
	    -webkit-border-radius: 10px;
                border-radius: 10px;
                margin:0px ;
                padding:0px 8px 0px 8px ;
                /*border:1px solid white;*/
    }
    #menu li.active{
	    /*background:#666;
	    background: rgba(0,0,0, 0.5);*/
	    color: #fff;
    }
        #menu li a {
            font-family: 'Bebas Neue';
            text-decoration: none;
            color: #fff;
            font-size: 17px;
            font-size: 30px;
            line-height: 1.0em;
            padding: 0px !important;
            margin: 0px;
            display: block;
            text-shadow: 1px 1px 2px black;
        }
    #menu li.active a:hover{
	    color: #fff;
    }
    #menu li:hover{
	    /*background: rgba(255,255,255, 0.8);*/
    }
    #menu li a,
    #menu li.active a{
	    /*padding: 9px 18px;
	    display:block;*/
        /*padding:0px !important;*/
    }
    #menu li.active a{
	    color: #fff;
        text-decoration:underline;
    }
    #menu{
	    position:fixed;
	    bottom:0px;
	    left:0;
	    height: auto;
	    z-index: 70;
	    width: 100%;
	    padding: 0;
	    margin:0;
        text-align:center;
        padding:10px;
        background-color:rgba(0,0,0,0.2);
        display:none;
    }
          #pp-nav { display:none;}
    @media screen and (min-width: 1024px) {
	    #menu,#pp-nav{	       
            display:block;
        }
    }
    #pp-nav ul li a span  { box-shadow:0px 0px 5px black;}




/* medium */
/*@media screen and (min-width: 768px) { 

}*/
/* medium */
@media screen and (min-width: 40em) {

}

/* large */
/*@media screen and (min-width: 1025px) {
  
}*/
/* large */
@media screen and (min-width: 1025px) {

}

/*

990
1090

*/