div {border: 0px solid black;}
td {border: 0px dotted red;}
ul, li {border: 0px solid green;}

html {height: 100%;}
body { 	
	background: #fff;
	/*background: #fff url(img/bodybg.png) repeat-x 0 0;*/
	margin: 0; padding: 0;
	height:100%;
	width:100%; max-width: 2560px;
}

.topspacerbox {position: relative; width: 100%; margin: 0 auto; padding: 0;}	
.topspacer {position: relative;} 
.topspacer.page-id-1, .topspacer.page-id-8 {display: block; margin-top: 150px; width:100%; }
.topspacer img.balken {z-index: 9; position: absolute; top: 0; left: 0;}
/*.topspacer img {padding-top: 120px !important; display: block; height: auto !important; max-width: 100%; width: auto !important;}*/

#nav-right {position: absolute; top: 25px; right: 2%; text-align: right; width: 8%; min-width: 100px; 	margin: 0px; padding:0; }
#nav-right a {color: #000; font-size: 15px;}
#nav-right a:hover, 
#nav-right a.active {color: #c51a1b;}
#nav-right p {margin: 0; padding: 0; line-height: 20px;}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.outer {width: 100%; /* margin: 0 auto 0 auto;*/ background-color: #fff;}

.wrapper {width: 100%; max-width: 1360px; margin: 0 auto; padding: 0;}

.button-box a img, #slider img, .headerbox img, .topspacer img, img.bg_content, .header img, img.logo, .gallery-box a img, #button-kontakt img, .content img, .wrapper img {	margin: 0px; padding: 0; display: block; height: auto !important; max-width: 100%; width: auto !important; /*max-height: 880px;*/}

img.bg_content {padding-top: 35px;}
.topspacer img {margin-top: -10px;}
img.round {max-width: 185px; display: block; margin-left: auto; margin-right: auto;
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;    
}

.topheader {position:relative; padding-bottom: 12%; width:100%; background: #fff url(img/header.jpg) no-repeat fixed center top; background-size: 100% auto, auto;}
.topheader p {bottom:10%; width:90%; position:absolute; text-align: center; padding: 0 5%; font-size:1.6em; line-height:110%; color:#fff; text-shadow: 0px 2px 30px #000; }

#static_headerbox {width:100%; height: 550px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.headerbox {margin-top: 150px;}

/*frontpage*/
#topparallax {width:100%; position:relative; padding-top:40%; background: #fff url(img/parallaxheader.jpg) no-repeat; background-position: center 0; background-size: 100% auto, auto;}
.ptext {bottom:20%; width:90%; position:absolute; text-align: center; padding: 3% 5%; background: rgba(0,0,0,0.1); border-top: 1px solid #fff; border-bottom: 1px solid #fff;  }
.ptext * {text-shadow: 0px 2px 30px #000;  color: #fff ! important;}
#topparallax a.topdown img {width:100px; margin-top: 20px}


.contentbox {display: block; text-align: center; min-height: 500px; width: 100%; padding: 150px 10% 70px 10%;}
.contentbox.page-id-11, 
.contentbox.page-id-12, 
.contentbox.page-id-14 {text-align: left;}

.contentbox.page-id-11 h1, 
.contentbox.page-id-12 h1, 
.contentbox.page-id-14 h1 {text-align: center;}

.contentbox.page-id-1, 
.contentbox.page-id-8, 
.contentbox.latest-news {padding: 80px 20% 50px 20%; }

.contentbox.page-id-1 {color: #fff; background: #d05e57;}

.contentbox.page-id-1 h1 {color: #fff;}

.contentbox.page-id-2,
.contentbox.page-id-3,
.contentbox.page-id-4, 
.contentbox.page-id-13 {padding: 150px 0% 70px 0%;}

.contentbox.page-id-4 h2 {margin-top: 0;}
.contentbox img {margin: 0 auto;}
.side-padding {padding-left: 15%; padding-right: 15%;}
.side-padding-wide {padding-left: 20%; padding-right: 20%;}

.contentbox.contentbox2 {padding: 10px 0% 100px 10%;}


/* Contentbereich */
.container {/*margin: 0 auto 0 auto;*/ width: 100%; padding-top: 0px;}


/*====================================================
Alles rechts neben left
ab hier: 1/3 grid
*/
.contentbox.relative {position: relative;}

.top_content {display:inline; padding-right: 0%; margin-left: 0; }
.content {width: 100%; padding: 30px 0%; margin-left: 0; }
.content.narrow {width: 28%; margin-top: 90px; padding-right: 0%; }
.content.contentnarrow {float: left; width: 60%;}
.contentbox.page-id-1 .content.contentnarrow {width: 60%;}
.contentbox.page-id-4 p {line-height: 1.3em;}

.top_content {display:block; margin-top: 0; /*color: #fff;*/}
.top_content.ref h2 {margin-top: 0; padding-top: 20px; /*color: #fff;*/}
.top_content.kunden h2 {margin: 0 0 20px 0; padding-top: 50px; }
._top_content p {margin: 0;}

.content.desktop, .gallery-text-box.desktop, span.desktop {display: inline;}

.content td.col1 {width: 47%; padding: 0 0 20px 0;}
.content td.col2 {width: 47%; }
 
.bottom_content {}

.mainbox .contentwide  {width:100%; margin:0 0 0 0; }
.contentwide.center {text-align: center; }

.two-column { column-count: 2; column-gap: 50px;}

.content.narrow img { max-width:100%; height:auto ! important;}


/* --- Buttons --- */
.button-wrapper {margin: 20px auto; padding-top: 50px; display: inline-block;}
.spacer {float: left; width: 10px; height: 10px; }
.button-red {
	float: left;
	width: 32%; min-width: 230px;
  padding: 8px 0px 10px 0px;
	background: #c51a1b;
	border-left: 10px solid transparent; border-right: 10px solid transparent;
}
a .button-red {font-size: 17px; letter-spacing: 1px; color: #fff; }
a .button-red:hover {
    color: #fff;
    background: #d35b5d;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
a .button-white {
		float: right;
		width: 200px;
    margin: 20px 0 0 0; padding: 5px 5% 5px 5%;
    font-size: 20px; letter-spacing: 1px; color: #c51a1b; text-align: center;
    background: #fff;    
}
a .button-white:hover {
	opacity:0.6;
	transition: all .5s ease-in-out;
}	

/* Single Button */
a .button, a.button {
		width: 300px; min-width: 200px;
    margin: 50px auto; margin-bottom: 0; padding: 8px 10px 8px 10px;
    font-size: 18px; letter-spacing: 1px; color: #fff;
    background: #c51a1b;    
}
a .button:hover, a.button:hover {
    color: #fff;
    background: #d35b5d;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
a.button {padding: 8px 50px 8px 50px;}


#button-aktuell {z-index: 9; position: absolute; right: 5%; top: -330px; width: 11.5%; min-width: 75px;}
.button-aktuell {
	-o-transform:scale(1.0);
  -webkit-transform:scale(1.0); 
  -moz-transform:scale(1.0);
	transform:scale(1.0);
}
.button-aktuell {
	-o-transition:all .1s linear;
  -webkit-transition:all .1s linear;
  -moz-transition:all .1s linear;
	transition:all .1s linear;
}
.button-aktuell:hover {
	-o-transform:scale(1.025);
  -webkit-transform:scale(1.025); 
  -moz-transform:scale(1.025);
	transform:scale(1.025);
}

#button-close {z-index: 2; 	position: absolute; right: 20px; top: 15px;}	


img.news_post_image {float: right; padding-left: 20px;}

.post_short_img img{max-width: 300px;}
.post_short {padding: 20px 10% 0px 10%;}
.news-more {padding: 0 0 12px 0; text-align: right; }
.news-more a {font-size: 15px; color: #2a6065;}	

a.section_anchor {}


.bg-red {background: #d05e57;}


/* Bildboxen */
ul.bildbox-header {margin: 20px 0; padding: 0;}
ul.bildbox-header li {list-style: none;}
img.arr-down {margin: 50px auto;}
table.bildbox-container {width: 100%; margin-top: 30px;}
td.bildbox-left, td.bildbox-right {width: 50%; }
td.bildbox-left {/*min-width: 680px;*/}
td.bildbox-right {text-align: left; padding: 40px 5% 40px 6%;}
td.bildbox-right p { line-height: 125%; font-size: 1.1em; color: #fff;}
td.bildbox-right h2 {margin-bottom: 20px; font-size: 32px; color: #fff;}
td.bildbox-right strong {font-family: 'Futura Bk BT', Arial, sans-serif;font-size: 1.1em; letter-spacing: 2px;}
td.bildbox-right a {color: #3d3c3f;}
td.bildbox-right.bg-18 {background: #da4f46;}
td.bildbox-right.bg-19 {background: #ea5183;}
td.bildbox-right.bg-20 {background: #de3a5a;}
td.bildbox-right.bg-22 {background: #fbbb21;}
td.bildbox-right.bg-23 {background: #f8a824;}
td.bildbox-right.bg-24 {background: #eb9c42;}
td.bildbox-right.bg-44 {background: #f9b46d;}
td.bildbox-right.bg-45 {background: #ecc84d;}
td.bildbox-right.bg-46 {background: #dc803c;}
td.bildbox-right.bg-47 {background: #c35a46;}
td.bildbox-right.bg-48 {background: #f3997b;}
td.bildbox-right.bg-49 {background: #fecc09;}
td.bildbox-right.bg-50 {background: #dd674d;}
td.bildbox-right.bg-51 {background: #df83a3;}
td.bildbox-right.bg-52 {background: #e16b7e;}
td.bildbox-right.bg-59 {background: #d9938b;}

/* Teamboxen */
.team-header {margin: 0 0 50px 0; padding: 0px 20% 0px 20%;}
.teambox-wrapper {display: inline-block; border: 0px solid red;}
.teambox {float: left; width: 30%; margin: 0 5% 50px 0; padding: 0;}.teambox.lastbox {margin-right: 0%;}
.teambox h2 {margin: 40px 0 0 0; font-size: 20px;}
.teambox img {margin: 0 auto;
    max-width: 235px;
    display: block;
    margin-left: auto;
    margin-right: auto;    
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;   
}

/* Infobox */
.infobox {position: relative; display: block; width: 100%; margin: 0 .5% 0 0; }
.infobox-full {position: relative; margin-top: 50px;  padding: 0; }


/* Aktuell */
.contentbox.page-id-5 {padding-top: 150px;}
.contentbox.page-id-5 td.anker {padding-bottom: 60px;}

/* eversports */
/*
.col-md-4 h1 {
    font-family:'Futura Lt BT', Arial, sans-serif !important;
    font-weight: 300;
    line-height: 1.1;
}
*/

/* Kontakt */
#kontakt h3 {padding-bottom: 20px;}
.content img.anfahrt {padding: 0 10%;}
.box-maps {position: relative; margin-top: 30px;}
.button-close {position: absolute; top:50px; right: 0;}

img.initiale {float: left;  margin-top: 0px;  padding: 0px 5px 0px 0px;}


.dummy-block {width: 100%; text-align: center;}

img.dot {margin: 50px auto;}
.contentbox.page-id-4 img.dot, 
.contentbox.page-id-5 img.dot {margin: 0 auto; margin-top: 50px;}
.contentbox.page-id-2 hr {}

.clearcontent {clear:both; }


.bottomspacer {display: block; padding-bottom: 0px;  width:100%; }
.bottomspacerbox {width: 100%; max-width: 1360px; margin: 0 auto; padding: 0;}


#logo-wrap {float: left; width: 267px; height: 110px;	margin: 0; padding: 70px 0px 0px 0px; /* font: 11px/100% "Arial", Helvetica, sans-serif;*/ 
font-size: 12px; line-height: 1.7em; color: #474343; text-align: right; line-height: 17px; 
	background: url(img/bg_head2.gif) no-repeat;}
#logo-wrap a {font-size: 11px; color: #474343; text-align: right; line-height: 16px; letter-spacing:.3px;
}
#logo-wrap .logo-title {font-weight: 600; letter-spacing: -.05px;}
#logo-wrap .logo-content {letter-spacing: 0;}


/* Top and Menu Box */
#topmenubox {width: 100%; max-width: 2560px; height:150px; margin:0 0 0 0; position:fixed; z-index:5000; top:0; left:0%;  transition: 0.5s all; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);}
#topmenubox .m_inner {position:relative; height:100%; background: #fff; }
#topmenubox a.logo img {max-height:100%; max-width:100%; position: absolute; left: 2%; bottom:25px;}

#topmenubox.reduced {height:60px; transition: 0.5s all;}
#topmenubox.reduced a.logo img {max-height:50%; max-width:100%; position: absolute; /*left: 10%;*/ bottom:15px;}
#topmenubox .m_inner {width: 100%; max-width: 1360px; height:100%;  margin: 0 auto; padding: 0; position:relative;}
#topmenubox.reduced #nav-right {display: none;}

.menuebox {width: 75%; height:100%; float:left; position:relative;} 
.toggleMobileMenu {display:none;}
#openrightboxswitch, #closerightboxswitch{display:none;}


#aprevnext {display:block; width:90px; height:27px; float:right;}
#aprevnext a {display:block; width:40px; height:27px; float:right; opacity:0.5; border:none;}
#aprevnext a.aprev {background: url(img/prev.png) no-repeat center top;  }
#aprevnext a.anext {background: url(img/next.png) no-repeat center top;  }
#aprevnext a:hover {opacity:0.8}


/* ------ Footer ------ */
.footer-outer {width: 100%; background-color: #c51a1b;}
.footerbox {margin: 0px auto; width: 100%; max-width: 1360px; padding: 40px 0% 50px 10%;}
.footerbox, .footerbox a, .footerbox p { font-size:18px; color: #fff; line-height: 120%;}
.footerbox p {margin: 0;}
.footerbox .left {float:left; width: 26%; margin: 0 0 0 0;}
.footerbox .left.box2, .footerbox .left.box3 {padding-top: 25px;}
.footerbox .left.box2 {width: 19%;}
.footerbox .left.box3 {width: 24%;}
.footerbox .left.box4 {width: auto; padding-top: 15px;}
.footerbox .right {float: right; width: auto; margin: 0 3% 0 0; padding-right: 0px; text-align: right;}
.footerbox .right a {color: #fff; font-size: 15px;}
td.t1 {padding-right: 5px;}

.back {text-align: right;}
.backLink {padding: 10px 0 0 0;}

#gototopswitch {float:right; margin: 10px 10px 0 0}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
#nav {position: absolute;	right: 15%; bottom: 8px;	border: 0;	padding: 0;}
/* #nav {float: right; padding: 135px 3% 0 0;}*/

#nav ul,  #nav2 ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	z-index: 800;
	/* background: #eee; */

}
#nav ul li,  #nav2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* Root Level Link Formatting */
#nav ul li {float: left; display:inline; color: #aaa; text-align: left; font-weight: normal; list-style-type: none; list-style-image: none ;}
#nav ul li a {display: block; padding: 0px 0px 0px 40px; font-size: 18px; line-height: 31px; border-right:0px #ddd solid; color: #000; text-decoration: none; XXfont-weight: bold; /*text-transform: uppercase;*/ letter-spacing: 0px; background-repeat: no-repeat;}
#nav ul li a span {display:block; padding: 9px 0px 5px 0px; }
/* Root Level link hover */
#nav ul li a:hover , #nav li a:focus , #nav li a:active, #nav ul li a.active, #nav a.menu-current, #nav a.menu-parent  {color: #c51a1b; background: #fff; border: none;}
/* #nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current, #nav a.menu-parent {color: #fff; background: #2a6065 ; } */
/*
#nav ul li.menu-first a:hover span, #nav ul li.menu-first a.menu-current span {border-bottom: 2px solid #c51a1b; padding-bottom: 4px;}
*/
#nav ul li.Studio3,
#nav ul li.Preise,
#nav ul li.Workshops,
#nav ul li.Vermietung,
#nav ul li.Rückblick,
#nav ul li.Kontakt,
#nav ul li.Impressum, 
#nav ul li.Datenschutz,
#nav ul li.AGBs {display: none;}

/*Current page Customisations*/
/* #nav a.menu-current		{font-weight: bold;} */

/* 2nd Child menu */
#nav  li ul {position: absolute; right:10000px; width: 180px; margin-top: 0px; opacity:0.0; border-bottom: 0px solid #fff; border-left: 0px solid #fff; background: transparent; /* box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.4);*/}
#nav  li ul li {text-align: left; font-weight: normal; margin: 0; margin-left: 37px; padding: 0; line-height: 1.2em; background: #fff }
#nav  li ul li a {width: 180px; margin:0; padding: 0px 20px 0px 20px; text-align:left; background: none;}
#nav  li ul li a span {display:block; padding:0px; text-shadow: none;  color: #333;  font-weight: normal; font-size: 14px; line-height:45px; text-transform: uppercase; border-top: 2px solid #c51a1b; }

/* 2nd Child menu: kurze Trennlinie oben */
#nav  li ul li.menu-first a span {border: none;}
#nav  li ul li.menu-first a span:after {content: ""; display: block; position:absolute; top: 0; left: 20px; width: 38%; border-top: 2px solid #c51a1b; }

#nav ul li.menu-first ul li a:hover span {border-bottom: none; padding-bottom: 0px; color: #c51a1b;}
#nav ul li ul li.menu-last { border-bottom: 5px solid #fff; }



/* 2nd Child link hover */
#nav  li ul a:hover,  #nav  li ul a.menu-current { /* text-shadow: 1px 2px 4px #000;*/}
#nav  li ul li a:hover span {color: #c51a1b;}
#nav  li ul a.menu-expand {background: transparent url(img/arr-right.png) no-repeat right 5px ; }
#nav  li ul a.menu-parent {background: #2a6065 url(img/arr-right.png) no-repeat right 5px; }

/* Show and hide */
#nav  li:hover ul, #nav  li a:focus ul, #nav li.tabselected ul {right:-20px; XXmargin: -3px 0 0 0; opacity:1; transition:0.5s opacity;}
#nav  li ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover ul ul, #nav  li.subMenu ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover>ul, #nav  li li:hover>ul { opacity:1; margin-left: 0;  transition:0.5s opacity; z-index: 1000;}
#nav  ul li ul li:hover>ul {margin-left: -30%;  opacity:0.9;}

/* 3rd Child Menu Appreances */
#nav  li ul li ul	{ width: 180px; margin: 10px 0 0 -40%; z-index: 2000; }
#nav  li ul li ul li	{width: 100%;}
#nav  li ul li ul li a 	{ width: 100%;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* Better: */
#nav li:hover {
	z-index: 1000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */													
}

.nav_kontakt {float: right; text-align: right; width: 10%; padding: 18px 6% 0 0;}	
.nav_kontakt a {font-size: 14px; color: #fff; text-transform: uppercase;}

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer_menu {padding-bottom: 10px;}
#footer_menu a { display: inline-block; padding: 2px 10px; border-right: 1px solid #999;}
#footer_menu a:first-child {border-left: 1px solid #999;}
#footer_menu a.menu-current {font-weight:bold;}



/*COuld bee visible on Desktop*/
#nav2 {width:250px; height: auto; position:absolute; left:-300px; }	

.showonmobiles  {display:none;}




/* ======================================================================================================
Responsive:
*/
@media screen and (min-width: 1200px) {
	.XXwrapper  {background-position: center -120px;}
}

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


/*Smaller Screens */
@media screen and (max-width: 1170px) {
	.outer,  .mainbox, #topmenubox .m_inner  {width:100%; margin: 0 0 0 0;}
	
	.XXtopheader {background-size: 100% auto;}
}


@media screen and (min-width: 1960px) {
	div {border: 0px dotted black;}
			
	#button-aktuell {position: absolute; right: 5%; top: -400px;}
		
}


@media screen and (max-width: 1360px) {
	div {border: 0px solid red;}
	
	#nav ul li a {padding: 0px 0px 0px 25px;}
	
	#button-aktuell {position: absolute; right: 5%; top: -250px;}
		
	h1, h2 {font-size: 36px; margin: 20px 0; }
	h1 {margin-top: 50px;}
	
	.contentbox.page-id-1, 
	.contentbox.page-id-8, 
	.contentbox.latest-news {padding: 30px 15% 50px 15%; }
	
	.content td.col0 {display: none;}
	.content td.col1, .content td.col2  {display: block; width: 100%; }
}



/* --- Smaller Screens --- */
@media screen and (max-width: 1024px) {
	div {border: 0px solid yellow;}	
	
	#nav-right, #logo-wrap, .flex-direction-nav, .content.desktop, .footerbox .right {display: none;}
	
	.topspacer.page-id-1, .topspacer.page-id-8 {margin-top: 80px;}
	
	#topmenubox {height: 80px !important;}
	#topmenubox #nav {display:none;}
	
	/*.topmenubar {width: 70%; margin: 0 auto; padding-top: 15px;}*/
	.topmenubar ul#topmenu {float: right; padding-top: 35px;}
		
	#topmenubox a.logo img {display: block; position: absolute; left: 4%; bottom: 15px; max-height: 80%; max-width: 100%;}
	
	#button-aktuell {position: absolute; right: 5%; top: -200px;}
	
	h1, h2, td.bildbox-right h2 {font-size: 30px; line-height: 36px; margin: 20px 0; }
	h1 {margin-top: 50px;}
	.contentbox.page-id-1 h1 {margin-top: 0;}
	td.bildbox-right h2 {margin: 20px 0;}	
	
	#button-kontakt {position: absolute; right: 5.6%; top: -90px; width: 20%;}
	
	.contentbox {width: 100%; padding: 80px 3% 20px 3%;}	
	.contentbox.page-id-1,
	.contentbox.page-id-8, 
	.contentbox.latest-news {padding: 30px 3% 50px 3%; }
	.contentbox.page-id-2, 
	.contentbox.page-id-3, 
	.contentbox.page-id-4, 
	.contentbox.page-id-5,
	.contentbox.page-id-13 {padding: 80px 0% 50px 0%;}
	
	
	.container {padding-top: 2px;}		
	.mainbox .contentwide  {width:96%; margin:0 0 0 2%; padding-top: 50px;}
	
	.content.contentnarrow {float: none; width: 96%;}
	.content, .top_content {width:100%; margin:0; padding: 20px 0 0 0; float: none; }
	
	.content img.anfahrt {padding: 0%;}
	
	/*.contentbox h1, .contentbox h2 {margin-top: 0px;}*/
	
	.mainbox, .contentwide, .contentwidenarrow, .main, .content.mobile {float: none; width:100% ! important; border-left:none; display:block;}
	
	.content.narrow {float: none; width:100%; margin-top: 0;}
	.content.mobile {text-align: center; margin: 0;}
	
	table.bildbox-container {margin-top: 0px; margin-bottom: 30px;}
	td.bildbox-left, td.bildbox-right {display: inline-block; width: 100%;}
	td.bildbox-right {padding: 20px 5% 20px 6%;}
	td.bildbox-right strong {font-size: 1.0em;}
	a .button-white {margin-bottom: 50px;}	

	.infobox {min-height: 50px; width: 100%; margin: 0;}
	
	.toggleMobileMenu {display:block; float:right; /*width:15px;*/ height:40px; margin: 30px 4% 0 0; padding-right: 50px; background: url(img/menuswitch.png) no-repeat top right; }
	.toggleMobileMenu2 {display:block; position: absolute; top: 20px; right: 20px;
	 width:50px; height:50px; margin: 0; padding: 0; background: url(img/button_close_nav.png) no-repeat top right; }
	 
	.post_short {padding: 0px 10% 0px 10%;}
	
	/*.topspacer {padding-top: 60px;}*/
	#XXtopparallax {padding-top: 50%; }
	
	.topmenubar ul.gallery_menu li a {font-size: 18px; line-height: 40px;}
	
	#topmenubox {width: 100%;}

	
	/*Nav*/
	
	.breadcrumbs { height:560px; }
	
	#nav2 {width:270px; padding-left: 30px; height: auto; position:absolute; left:-300px; top:100px; z-index:9999; transition: left 1s; }
	#nav2  {background: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);}
	
	#nav2 {height: 750px; padding-top: 20px; border-right: 2px solid #c51a1b;} /* mux */
	#nav2 li.lev1 {display: none;} /* mux */
	/* #nav2 li a.menu-first {border-top: 2px solid #c51a1b;} */

	
	#nav2 li {width:200px;  padding: 0 0 0 0; }
	#nav2 li a {display:block; padding: 8px 0 8px 0; font-size:18px; /*text-transform: uppercase;*/ color:#000; text-decoration: none; /*border-bottom: 1px solid #000;*/ }
	#nav2 li a:hover {color: #000;}
	#nav2 li li a {padding: 10px 0 10px 30px; font-size:16px;  }
	#nav2 li li li a {padding: 8px 0 8px 40px; font-size:14px; }
	#nav2 li li li li a {padding: 6px 0 6px 50px; font-size:13px; ;}
	
	#nav2 li ul {display:none;}
	#nav2 li.menu-parent > ul, #nav2 li.menu-current > ul {display:block;}
	#nav2 li.is_opened > ul, #nav2 li.is_opened > ul {display:block;}
	
	/*#nav2 li a.menu-expand {background: transparent url(img/arr-down.png) no-repeat left center ;}*/
	#nav2 li a.menu-current {color: #c51a1b !important; /* color:#fff;  text-shadow: 1px 2px 4px #000;*/}
	
	#nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent {color: #c51a1b; /*font-weight:bold; background: #ddd url(img/arr-right.png) no-repeat 2px center ;*/ }
	#nav2close {display:none; z-index:1990; position:absolute; top:0; width:100%;  height: 900px; background-image:none;}
	#nav2 li a:hover span {color: #c51a1b !important;}
	
	.breadcrumbs { width: 100%; height: auto; }
	.innerbc { margin: 2px 0 5px 2%; width: 96%; }
	.innerbc span  {display: block; float:left; padding: 2px 2px 2px 12px; margin: 0 0 5px 0;}
	.innerbc b  {display: none;}
	
	.mobilemenuopen #nav2 {left: 0%;}
	.mobilemenuopen #nav2close {display:block;} 
	
	.aktuell-box {position: absolute; top: 20px; left: 5%; width: 75%; padding: 50px;}
	.aktuell-content.glossar h2 {margin: 0; padding: 30px 0 0 0;}
	
	img.dot {margin: 20px auto; }


	.button-box-outer {display: block; margin: 20px 0 0 6%; width: 94%}
	.button-box {width: 40%; padding: 0 10% 0 0;}
			
	a .button, a.button {
    width: 300px; margin: 30px auto; padding: 6px 3% 6px 3%;
    font-size: 16px; letter-spacing: 1px;
  }	
	.button-wrapper {margin: 20px auto; margin-top: 0; padding-top:0;}
	a .button-red {
		float: none;
		width: 100%; margin: 15px 0; padding: 6px 5% 6px 5%;
	  font-size: 16px; letter-spacing: 1px;
	}
	a .button-white {width: 150px; margin-top: 30px; padding: 5px 0; font-size: 16px;}
	
	.teambox {float: none; width: 100%; margin: 100px 5% 0 0; padding: 0 25%;}
	
	.contentbox.page-id-5 td.anker {padding-bottom: 0px;}
	.contentbox.page-id-5 td.anker.id12 {padding-bottom: 60px;}
	
	.google-maps-box {float: none; width: 100%;	padding: 20px 0 0 0;}
	.adress-bottom-box {float: none; width: 100%; padding: 0 0 15px 0; text-align: center;}
	
	.footerbox {padding-left: 0;}
	.footerbox .left, .footerbox .left.box2, .footerbox .left.box3, .footerbox .left.box4 {text-align: center; width: 100%;}
	.footerbox .left.box4 {padding-top: 20px;}
	.footerbox img {margin: 10px auto;}
		
	/* Turn off parallax scrolling for tablets and phones */
  .bgimg {background-attachment: scroll; }
  
  #return-to-top img {width:50px;}
}


/* ======================================================================
Smaller Screens */
@media screen and (max-width: 768px) {
	div {border: 0px solid green;}		
	
	h1, h2, td.bildbox-right h2 {font-size: 24px; line-height: 30px; margin: 20px 0; }
	h1 {margin-top: 50px;}
	p, li, td, address, h6 {font-size: 17px;}	
	p {margin: 10px 0;} 
	
	#button-aktuell {position: absolute; right: 5%; top: -150px;}
	
	#topmenubox a.logo img,
	#topmenubox.reduced a.logo img {max-width:30%; position: absolute; left: 5%; bottom:20px;}
	/* 	#topmenubox.reduced a.logo img {max-height:80%; max-width:100%; position: absolute; left: 5%; bottom:20px;}	*/
	
	.XXfrontpage .outer  {background-position: center top;}
	.topheader  {padding-bottom: 30%;  background-size:  100% auto, auto; background-image: url(img/header-mobile.jpg);}
	
	#topparallax {width:100%; position:relative; padding-top:40%; background-image: url(img/parallaxheader-mobile.jpg); }
	#topparallax .ptext {bottom:5%; }
	#topparallax a.topdown {display:none; }

	#topparallax p {line-height:120%;}

  .teambox {margin: 0 5% 50px 0; padding: 0 10%;}
  
  .side-padding, .side-padding-wide {padding-left: 10%; padding-right: 10%;}

}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 480px) {
	div {border: 0px solid blue;}
	
	h1, h2, td.bildbox-right h2 {font-size: 20px; line-height: 24px; margin: 20px 0; }
	h1 {margin-top: 30px;}
	p, li, td, address, h6, .infobox a {font-size: 15px; line-height: 180%;}
	.small {font-size:12px;}
	
	#button-aktuell {position: absolute; right: 5%; top: -120px;}
	
	#topparallax .ptext {bottom:0; }
	.topheader p { font-size:1.4em; }
	
	.side-padding, .side-padding-wide, .post_short {padding-left: 3%; padding-right: 3%;}
}



/* ====================================================================== */
#return-to-top {
	z-index: 9000;
    position: fixed;
    bottom: 200px;
    right: 50px;
		/* background: rgb(0, 0, 0); */
    /* background: rgba(0, 0, 0, 0.7); */
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    /*
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    */
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
	opacity:0.6;
    /* background: rgba(0, 0, 0, 0.9);*/
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
@media screen and (max-width: 1024px) {
	#return-to-top {position: fixed; bottom: 100px; right: 30px; }
}
	


/* ====================================================================== */
/* Hover Effekt */


/*.mask a.info:before {padding-right: 5px; font-size: 32px; display: inline-block; content: '> ';  }*/
i.fas {font-size: 11px; color: #000;}



/* --- Text-Slider --- */
* {box-sizing: border-box}
/* body {font-family: Verdana, sans-serif; margin:0}*/

/* Slideshow container */
.slideshow-container-mobil {display: none;}

.slideshow-container {
  position: relative;
  /*min-height: 750px; */
}

/* Slides */
.mySlides {
  display: none;
  min-height: 850px;
  padding: 660px 20% 10px 20%;
  text-align: center;
}
.mySlides.bg-none {padding: 100px 20% 10px 20%;}

.mySlides.bg-tanz1 {
  background: url(../../media/seiten/seite-home/tanz1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mySlides.bg-tanz2 {
  background: url(../../media/seiten/seite-home/tanz2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mySlides.bg-tanz3 {
  background: url(../../media/seiten/seite-home/tanz3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mySlides.bg-tanz4 {
  background: url(../../media/seiten/seite-home/tanz4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mySlides.bg-bewegung1 {
  background: url(../../media/seiten/seite-home/bewegung1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mySlides.bg-bewegung2 {
  background: url(../../media/seiten/seite-home/bewegung2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mySlides.bg-bewegung3 {
  background: url(../../media/seiten/seite-home/bewegung3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mySlides.bg-bewegung4 {
  background: url(../../media/seiten/seite-home/bewegung4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

	

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  color: #c51a1b;
  font-weight: bold;
  font-size: 30px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}
.mySlides img.arr-down {margin: 100px 0 0 0;}

/* On hover, add a black background color with a little bit see-through */
/*
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}
*/
@media screen and (max-width: 1360px) {
	div {border: 0px solid red;}
	
	.mySlides.bg-none {padding: 50px 15% 10px 15%; min-height: 750px;}
}

@media screen and (max-width: 1024px) {
	div {border: 0px solid yellow;}	
	
	
	/* --- mobil --- */
	/* Slideshow container */
	.slideshow-container a.next,
	.slideshow-container a.prev {display: none;}
	
	.slideshow-container-mobil {
		display: block;
	  position: relative;
	}
	
	/* Slides */
	.mySlides-mobil {
	  display: none;
	  /*min-height: 850px;*/
	  /* padding: 660px 20% 10px 20%;*/
	  text-align: center;
	}
	.mySlides-mobil.bg-none {padding: 100px 20% 10px 20%;}
	
	.mySlides-mobil.bg-tanz1 { display: block;
	  background: url(../../media/seiten/seite-home/tanz1.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.mySlides-mobil.bg-tanz2 {
	  background: url(../../media/seiten/seite-home/tanz2.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.mySlides-mobil.bg-tanz3 {
	  background: url(../../media/seiten/seite-home/tanz3.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.mySlides-mobil.bg-tanz4 {
	  background: url(../../media/seiten/seite-home/tanz4.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.mySlides-mobil.bg-bewegung1 {
	  background: url(../../media/seiten/seite-home/bewegung1.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.mySlides-mobil.bg-bewegung2 {
	  background: url(../../media/seiten/seite-home/bewegung2.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.mySlides-mobil.bg-bewegung3 {
	  background: url(../../media/seiten/seite-home/bewegung3.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.mySlides-mobil.bg-bewegung4 {
	  background: url(../../media/seiten/seite-home/bewegung4.jpg) no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	
	.button-outer-mobil {position: absolute; bottom: 20px; width:100%;}
	.button-wrapper-mobil {display: inline-block;}
	.button-red-mobil a {padding: 10px 10px; font-size: 16px; color: #fff; background: #c51a1b;}
	
	/* --- */
	
	
	
	.prev, .next {position: absolute; top: 40%;}
	
}

@media screen and (max-width: 768px) {
	div {border: 0px solid green;}	
	
	.mySlides h2 {font-size: 20px; line-height: 30px; margin-bottom: 0; }	
	
	.button-outer-mobil {position: absolute; bottom: 10px; width:100%;}
	.button-red-mobil a {padding: 5px 10px; font-size: 16px; color: #fff; background: #c51a1b;}
}	

@media screen and (max-width: 480px) {
	div {border: 0px solid blue;}
	
	.myslides h2 {font-size: 20px; line-height: 24px; margin: 20px 0;}
	
	.mySlides {padding: 650px 10% 10px 10%; min-height: 750px;}
	.mySlides.bg-none {padding: 30px 10% 10px 10%;}
	.button-wrapper {margin: 20px auto; }
	

	
}	
/* --- --- */


/* --- Bildboxen --- */
td.bildbox-left.bg-18 {
  background: url(../../media/bildboxen/bg-18.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-19 {
  background: url(../../media/bildboxen/bg-19.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-20 {
  background: url(../../media/bildboxen/bg-20.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-22 {
  background: url(../../media/bildboxen/bg-22.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-23 {
  background: url(../../media/bildboxen/bg-23.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-24 {
  background: url(../../media/bildboxen/bg-24.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-44 {
  background: url(../../media/bildboxen/bg-44.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-45 {
  background: url(../../media/bildboxen/bg-45.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-46 {
  background: url(../../media/bildboxen/bg-46.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-47 {
  background: url(../../media/bildboxen/bg-47.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-48 {
  background: url(../../media/bildboxen/bg-48.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-49 {
  background: url(../../media/bildboxen/bg-49.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-50 {
  background: url(../../media/bildboxen/bg-50.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-51 {
  background: url(../../media/bildboxen/bg-51.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-52 {
  background: url(../../media/bildboxen/bg-52.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
td.bildbox-left.bg-59 {
  background: url(../../media/bildboxen/bg-59.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* --- Cookie Notice --- */
.cc-window { 
	border: 2px solid #fff;
	/*
	-moz-box-shadow: 0 0 5px 2px #fff; 
	-webkit-box-shadow: 0 0 5px 2px #fff; 
	box-shadow: 0 0 5px 2px #fff; 
	*/
}