div {border: 0px solid black;}
td {border: 0px solid red;}

html {overflow-y: scroll;}

body { 	
	/*background: #fff url(img/bodybg.png) repeat-x 0 0;*/
	margin: 0; padding: 0;
	height:100%;
	width:100%;
	overflow: hidden;
}
.XXXlayout {width: 100%; max-width: 1280px; margin: 0 auto 0 auto; background: #fff 
url(img/FiT_Webseite_1280px_231116-1_hell.jpg) no-repeat; background-position: center 0; background-size: 100% auto, auto;}

#overlay {display: none; position: absolute; top: 0; left: 0; z-index: 2000; width: 100%;  height: 5000px; background-color: rgba(0, 0, 0, 0.4);}

.headerpic img, .button-menu img {margin: 0px; padding: 0; display: block; height: auto !important; max-width: 100%; width: auto !important;}
img.mobile {display: none;}

/*background: #f00 url(img/FiT_Webseite_1280px_231116-1_hell.jpg) no-repeat; background-position: center 0; background-size: 100% auto, auto;/*


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wrapper { /* Holds the page items in place */
	XXmin-height:90%;
	/*box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.4);	*/
}
.wrapper { width: 100%; /*max-width: 1280px;*/ margin: 0 auto 0 auto;}
#topmenubox .m_inner { width: 100%; max-width: 1280px; margin: 0 auto 0 auto;}
#topmenubox #nav {display:none;}
.infobox-full	{padding: 0; border-top: 3px solid #003b59;}
	
/* Top-Buttons */	
.button-wrapper {float: right; width: 12%; margin-right: 3.5%;}
.button-menu {display:inline-block; float:left; width: 30%; padding-right: 10%; padding-top: 0px;}
/*
.toggleMobileMenu {display:block; float:right; width:45px; height:45px; background: url(img/kontaktswitch.png) no-repeat top right; margin:20px 4% 0 0;}
.toggleVisibility {display:block; float:right; width:45px; height:45px; background: url(img/menuswitch.png) no-repeat top right; margin:20px 4% 0 0;}
*/	

/* Sidebar */	
.sidebar-wrapper {width: 100%; height:0px; position:fixed; z-index:3000;}
#sidebar {position:absolute; right:-500px; top:0px; width:500px; height: 5000px; transition: right 1s; background: #fff;}
#sidebarclose {display:none; z-index:1990; position:absolute; top:0; width:100%;  height: 900px; background-image:none;}
.sidebar {padding: 40px 5% 40px 10%;}
.sidebar h3 {padding-top: 20px; color: #003559;}
.sidebar-text {width: 100%;}
.sidebar-text img {width: 50%; margin-left: -3%;}
.sidebar-text p {margin: 8px 0 8px 0;}
.sidebar-text p.bold-italic {font-family: 'barlowbold_italic', sans-serif;  font-size: 24px; color: #013d5c;}
.sidebar-text p, .sidebar-text a {color: #013d5c;}

.mobilemenuopen  #sidebar {right:0; }
.mobilemenuopen #sidebarclose {display:block;}	

	
.topspacer {padding-top: 200px;  width:100%; }

.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;}

/*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, .contentbox.header, .contentbox.first, .contentbox.jsmenu, .contentbox.angebot, .contentbox.stationen, .contentbox.erfahrungen, .contentbox.feedback {
	margin: 0px auto; width: 88%; max-width: 1280px; padding: 30px 0 20px 0; position:relative;
}
.contentbox.jsmenu {max-width: 1110px; padding: 0 0 0 0;}
.contentbox.jsmenu .container {width: 99%; padding: 0 0 0 1%;}
.contentbox.header {width: 100%; padding: 0;}
.contentbox.first {width: 100%;}
.contentbox.first .container {width: 80%; padding: 30px 4% 0px 16%;}
.contentbox.first .rightbox {padding: 0 6% 0 0;}
.contentbox.angebot {padding: 60px 0 70px 0;}
.contentbox.stationen {width: 88%; padding: 65px 0 40px 4%;}
.contentbox.feedback {width: 88%; padding: 15px 0 40px 4%;}
.contentbox.stationen.subpage {width: 100%; padding: 65px 0 40px 0;}

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



/*====================================================
Alles rechts neben left
ab hier: 1/3 grid
*/


.content, .top_content {float: left; display:inline; width: 55%; padding-right: 0%; margin-left: 0; position: relative;}
.content.contentnarrow {width: 55%; padding-right: 0%; margin-left: 0;}
.contentbox.stationen .content.contentnarrow {width: 63%; padding-right: 0%; margin-left: 0;}
.contentbox.stationen.subpage .content.contentnarrow {width: 50%; margin-left: 8%;}
.contentbox.stationen.subpage .content.contentnarrow.page-id-11,
.contentbox.stationen.subpage .content.contentnarrow.page-id-12 {width: 63%; margin-left: 8%;}
.contentbox.stationen.subpage .content.section2 {width: 60%; margin-left: 8%; margin-top: 0;}
.content h1 {margin-top: 14px;}

.content h2 {margin-top: 20px;}

.content.desktop {display: block;}
.content.mobile, .headerbox.mobile {display: none;}
 
.bottom_content {}

.usegrid3 .content.contentnarrow {width: 66%;}

.contentwide  {width:100%; margin:0 0 0 0;  }


/* Seite-1 */
.wrapper.headerpic {position: relative; background: #fff url(img/header-bg.png) repeat-x 0 0;}
.header-left {z-index: 0; position: absolute; top: 0; left: 0; height: 100%; width: 50%; background: #003b59;}
.headerpic .contentbox {z-index: 1; position: relative; padding: 0px 0%;}


p.headline {font-size: 36px; font-weight: 400; color: #ea5c0d;}

.green, .green h2, .green a {color: #fff;}
.green .contentbox {padding: 10px 4%;}


.four-col {width: 100%; column-count: 4; margin-top: 10px;}
.four-col p {margin: 0;}


/* Angebote */
h2.preview-title {margin-bottom: 25px; text-align: center; color: #fff;}
.preview-box {float: left; display: inline; width: 48.5%; min-width: 165px; min-height: 300px; margin: 10px 2.5% 10px 0; padding: 0px; /*background: #fff;*/ }
.preview-box.last-box {margin-right: 0;}
.preview-box.center {margin-left: 25%;}
.preview-box-bottom {	display: block; text-align: center; min-height: 100px; width: 90%; margin: 0px;  padding: 0px 5% 0px 5%;	}
.preview-box-bottom p,
.preview-box-bottom p strong {color: #fff;}

.prev-more {padding: 0 0 12px 0; text-align: center; font-weight: bold; border-top: 20px solid transparent;}
.prev-more a {padding: 10px 15px; font-family: 'barlow_condensedregular', Verdana, Arial, Helvetica, sans-serif; font-size: 29px; color: #758494; background: #fff;}	
.prev-more a:hover {color: #003559;}
.prev-more a::before {content: url("img/arrow-down.png"); }


/* Stationen */
.contentbox.stationen h2 {margin-top: 20px; padding: 0; line-height: 100%;}
.contentbox.stationen h3 {margin: 0 0 35px 0px; padding: 0;}
.contentbox.stationen h4 {margin-top: 10px;}
.box-leistung {clear: both;	display: block;	position: relative; width: 100%; margin-right: 30px; margin-bottom: 5px; padding: 0px;}
.box-leistung, .box-leistung a, .box-leistung p, .box-leistung h4 {font-size: 1.15em; line-height: 130%;}
.box-leistung a {}
.box-leistung p {margin-top: 0;}
.box-leistung-top {display: block; width: 100%; margin-top: 0px; color: #000; line-height: 15px; }
.box-leistung-top-left {width: 94%; padding: 6px 0% 6px 6%; }

.box-leistung-top-right {position: absolute; top: 10px; left: 0px; width: 20px; height: 20px;}
.box-leistung-top-right.arrow-up {background-image: url("img/arrow-up.png"); background-repeat: no-repeat; display: none;}
.box-leistung-top-right.arrow-down {background-image: url("img/arrow-down.png"); background-repeat: no-repeat;}
.box-leistung-bottom {clear:both; padding: 0px 0px 15px 6%; /* background: #fff; border: 1px solid #6c6c6c;*/ }

.contentbox.stationen {position: relative; }
.contentbox.stationen .rightbox {position: absolute; right: 0%; bottom: 70px; width: auto; padding: 30px 2% 15px 2%; /*border: 1px solid red;*/ background: #003b59;}
.contentbox.stationen .rightbox p {font-family: 'barlow_condensedsemibold', Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #b1b8be; letter-spacing: 1px;}	
.contentbox.stationen .rightbox a {font-family: 'barlow_condensedregular', Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #b1b8be; letter-spacing: 1px;}	
.rtitle {font-size: 30px;}
.contentbox.stationen .rightbox p {margin: 5px 0 5px 0; }
.contentbox.stationen .rightbox img {padding-right: 5%;}
.contentbox.stationen .rightbox p, .contentbox.stationen .rightbox a{color: #fff;}

/* Unterseiten Erfahrungen als... */
.contentbox.erfahrungen ul {list-style: none; margin-left: 0; /*list-style-image: url("img/arrow-down.png");*/ }
.contentbox.erfahrungen li {position: relative; padding-left: 15px;}
.contentbox.erfahrungen li::before {content: "";
        position: absolute;
        top: 6px;
        left: -15px;
        width: 15px;
        height: 15px;
        background-image: url('img/circle.png');
}
.contentbox.erfahrungen h2 {margin: 50px 0 20px 0; font-size: 36px;}
.contentbox.erfahrungen .rightbox {position: relative; margin-top: 70px; padding: 30px 2% 15px 2%; background: #003b59;}

.contentbox.subpage .container {position: relative;}
.contentbox.subpage .rightbox {position: absolute; top: 0px; bottom: auto; margin-top: 0px; }

.karriere {position: relative; margin: 10px 0 20px 0; padding: 0; width: auto;}
.karriere a {dislay: block; width: 280px; padding: 10px 15px 10px 30px; font-family: 'barlow_condensedregular', Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #738189; font-weight: bold; line-height: 46px; background: #fff; border: 1px solid #c1c7ca;}	
.karriere a:hover {color: #222;}
.karriere a::before {
  content: "";
  position: absolute; 
  top: 16px;
  left: 15px;
  width: 15px;
  height: 15px;
  background-image: url('img/arrow-down.png');
  background-size: contain;
}		



/* Feedback */
.contentbox.feedback .content {width: 100%; text-align: center;}

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

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

a.section_anchor {padding: 0 !important;}

.borderbox {width: 94%; margin: 10px 0; padding: 20px 3%; border: 2px solid #ea5c0d;}
.borderbox p {font-size: 1.0em;}


.rightbox {width: 28%; float: right; display:inline; margin-top: 90px; /*border-left:1px #ddd solid; */}
.rightbox.main {margin-top: 0px; margin-right: 8.0%; }
.rightbox.wide {width: 65%; margin-top: 0;}
.usegrid3 .rightbox {width: 30%;}

.rightbox .inner { margin: 0 0% 3px 0%; font-size: 0.9em; line-height:135%;}
.rightbox .inner img, .content.narrow img { max-width:100%; height:auto ! important;}


/* Kontakt techts */
.contentbox.page-id-16 .rightbox {width: 24%; margin-top: 80px; padding: 20px 1% 20px 3%; background: #fff; border: 1px solid #ccc;}
.contentbox.page-id-16 .rightbox p {text-align: left;}

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


.clearcontent {clear:both; }
.clearcontent.border-white {margin: 0 0 0 0; border-bottom: 2px solid #fff;}
.clearer {clear:both; }



/* ------ Footer ------ */
.wrapper.blue {display: inline-block; width: 100%; height: auto; /*background:transparent; */background: #003b59;}
.wrapper.blue.page-id-11, .wrapper.blue.page-id-12 {height: 1px;}
.footer {margin: 0px auto; max-width: 1280px; padding: 0px 0px;}
.footer img {float: left;}

.footerbox {width: 100%; padding: 2px 0 5px 0; position:relative;}
.footerbox, .footerbox a {font-size:16px; line-height: 30px; color: #fff;}
.footerbox .left {width: 30%; margin: 60px 0 0 20px;  float:left;}
.footerbox .right {float: right; width: auto; margin: 100px 0 0 0; padding-right: 30px; text-align: right; }

.headerbox {width: 90%; padding: 40px 5% 50px 5%; text-align: center; border: 0px solid red;}
.headerbox h1 {font-size: 46px; color: #fff;}
.headerbox p {font-size:30px; line-height: 36px; color: #b1b8be; /* color: #fff;*/;}
.headerbox.mobile {width: 100%; padding: 30px 0 30px 0; background: #003559;}
.headerbox.mobile h2,  .headerbox h1 {padding-bottom: 0; font-size: 38px; color: #fff;}


.back {text-align: right;}

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


/* Top and Menu Box */
#topmenubox {width: 100%; height:200px; margin:0; position:fixed; z-index:1000; top:0; left:0%;  transition: 0.5s all; background: #fff; }
#topmenubox .m_inner {position:relative; height:100%; margin: 0px auto; width: 100%; max-width: 1280px; padding: 0 0%;}

#topmenubox a.logo img {max-height:100%; max-width:100%; padding: 25px 0 0 6%; /*position: absolute; left: 4%; bottom:0px;*/}
#topmenubox.reduced {height:100px; border-bottom: 1px solid #003b59; transition: 0.5s all;}
#topmenubox.reduced a.logo img {padding-top: 0; padding-left: 7.5%;}
#topmenubox.reduced .button-wrapper {position:absolute; bottom: 25px; right: 50px; width: 10%; transition: 0.5s all;}
#topmenubox.reduced .button-wrapper .button-menu {padding-right: 15%;}


/*#post13 {position:relative; height:0px; width: 100%;}*/
/*#post13.reduced {height:600px; transition: 0.5s all;}*/


/* Search Box in header */
li.search_box_li a {border: none ! important;}

.menuebox {width: 75%; height:100%; float:left; position:relative;} 



/*.toggleMobileMenu {display:none;}*/

#openrightboxswitch, #closerightboxswitch{display:none;}

/* Parallax-Bild */
.bgimg {
  position: relative;
  /* opacity: 0.65; */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/Louisa_6.jpg");
  min-height: 200px;
}

#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}

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

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


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
/* 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;}


#dummy1 {position: absolute; top: -100px;}
#dummy2 {position: absolute; top: -100px;}
#dummy3 {position: absolute; top: -100px;}
#dummy4 {position: absolute; top: -100px;}
#dummy5 {position: absolute; top: -100px;}


.showonmobiles  {display:none;}

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

#nav2 li {width:100%;  padding: 0 0 0 0; list-style: none;}
#nav2 li a {display:block; padding: 16px 0 16px 10px; color: #003559; /*font-size:18px; font-weight: bold;  text-decoration: none;*/ /*letter-spacing: 1px;*/ border-top: 2px solid #d9d9d9;}
#nav2 li a.menu-first {border-top: none;}
#nav2 li li a {padding: 16px 0 16px 25px; color: #003559; text-transform: uppercase; }
#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:hover, #nav2 li a:focus, /*#nav2 li a:active,*/ #nav2 a.menu-parent {color: #ea5c0d; background: #fff; }
#nav2 li a.menu-current {/* color:#fff;  text-shadow: 1px 2px 4px #000;*/}

#nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent {font-weight:bold; background: #ddd url(img/arr-right.png) no-repeat 2px center ;}
#nav2 ul {margin: 0; padding: 0;}	


/* --- Text-Slider --- */
XXXli.slide {background-color: #eee;}
li.slide td {height: 600px; vertical-align: middle;}

#flexslider-copy-wrapper {
	width: 70%;
  margin: 35px auto;
  font-size: 16px;
  /*background: black; color: white; */  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#flexslider-copy-wrapper .copy-wrapper {
  padding: 45px 3% 0px 3%;
  h3 {margin-top: 0px;}   
}

#flexslider-copy-wrapper .flex-control-nav {
  text-align: center;
  bottom: -60px;
  position: relative;
}
ol.flex-control-nav {font-size: 0px; line-height: 0%;}
ul.slides li {padding-bottom: 0;}

/* --- Ende --- */



/* ====================================================================== */
#return-to-top {
	z-index: 9000;
    position: fixed;
    bottom: 120px;
    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;
}


/* ============================ 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: 1280px) {
	.wrapper,  .mainbox {width:100%; margin: 0;}
	.XXtopheader {background-size: 100% auto;}
}

@media screen and (max-width: 1280px) {
	div {border: 0px solid red;}

	.contentbox, .contentbox.header, .contentbox.first, .contentbox.jsmenu, .contentbox.angebot, .contentbox.stationen, .contentbox.erfahrungen, .contentbox.feedback, .contentbox.stationen.subpage {width: 88%; padding: 30px 0 20px 0;}
	.contentbox.stationen.subpage {padding: 30px 0 50px 0;}
	.contentbox.header, .contentbox.jsmenu {padding: 0;}

	.box-leistung, .box-leistung a, .box-leistung p, .box-leistung h4 {font-size: 20px; line-height: 130%;}
	.contentbox.angebot {padding-bottom: 50px;}
	.contentbox.stationen {padding-bottom: 10px;}
	.contentbox.feedback {padding-top: 0;}
	.contentbox.feedback h2 {padding-bottom: 0;}
	.contentbox.stationen .rightbox p, .contentbox.stationen .rightbox a {font-size: 24px; letter-spacing: 0px;}
	
	.rightbox.main {width: 25%; margin-top: 10px;}
	.contentbox.stationen .rightbox {position: absolute; right: 0%; bottom: 40px; padding-top: 20px;}
	.contentbox.subpage .rightbox {position: absolute; top: 0px; bottom: auto; margin-top: 30px !important; }
	
	h1, h2, .contentbox.erfahrungen h2 {font-size: 1.9em;}
	.contentbox.erfahrungen .section2 h2 {font-size: 1.4em;}
	h3, .headerbox p {font-size: 1.5em;}
}


@media screen and (max-width: 1170px) {	
	div {border: 0px solid blue;}	

	.content.contentnarrow {width: 60%;}
	.contentbox.stationen .rightbox p, .contentbox.stationen .rightbox a {font-size: 20px;}
	.rtitle {font-size: 26px;}
}


/*Smaller Screens */
@media screen and (max-width: 1024px) {
	div {border: 0px solid yellow;}
	
	.flex-direction-nav, .content.desktop, img.desktop, .header-left {display: none;}
	
	#topmenubox a.logo img, #topmenubox.reduced a.logo img {position: absolute; left: 0%; bottom: 0px; padding: 0 0 0 6%;}
	.button-wrapper, #topmenubox.reduced .button-wrapper 
	{float: none; position: absolute; top: -25px; right: 0px; width: 90px; margin-right: 4%;}
	.button-menu, #topmenubox.reduced .button-wrapper .button-menu {padding-right: 15%;}
	.button-menu {width: 25%;}
	
	#nav2 li a {padding: 15px 0 15px 10px; font-size: 16px; letter-spacing: 1px;}
	#nav2 li li a {padding: 15px 0 15px 25px;}
			
	.sidebar a img {width: 7%;}
	
	img.mobile, .headerbox.mobile {display: block;}
	.contentbox.header {width: 100%;}
	p img.image_right {float:right; width: 30%; padding: 50px 1% 0 10%;}
	

	.sliderbox {height: auto !important;}
	.flexslider {margin-bottom: 0 !important;}
	
	XXbody {font-size: 14px;}
	
	.contentbox {padding: 20px 4% 20px 4%;}
	.contentbox.angebot {padding-bottom: 15px;}
	
	.container {padding-top: 2px;}		
	.mainbox .contentwide  {width:96%; margin:0 0 0 0; }
	.content, .top_content {width:96%; margin:0 0 0 0; padding:0; float: none; }
	.content.borderbox {display: block; width: 94%; margin: 10px 0; padding: 20px 3%; border: 2px solid #ea5c0d;}

	.mainbox, .contentwide, .contentwidenarrow, .main, .content.mobile {float: none; width:100%; border-left:none; display:block;}

	.contentbox.first .mainbox, .contentbox.first .content.contentnarrow {display: block; width: 100%;}
	.contentbox.first .container {width: 100%; padding: 10px 0% 0px 0%;}
	.contentbox.first .rightbox.main {display: none;}	
	.contentbox.stationen .rightbox {float: none; clear: both;  position: relative; display: block; width: 340px; margin: 0 auto; margin-top: 100px; padding: 15px 5% 10px 5%;}
	.contentbox.stationen {margin-top: 15px;}
	.contentbox.erfahrungen li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -15px;
  width: 15px;
  height: 15px;
  background-image: url('img/circle.png');
}		
	#topmenubox {height: 60px !important;}
	#topmenubox #nav {display:none;}
	
	/*
	.toggleVisibility {display:block; float:right; width:45px; height:45px; background: url(img/menuswitch.png) no-repeat top right; margin:20px 4% 0 0;}
	.toggleMobileMenu {display:block; float:right; width:45px; height:45px; background: url(img/kontaktswitch.png) no-repeat top right; margin:20px 4% 0 0;}
	*/
	
	.topspacer {padding-top: 60px;  }	
	#XXtopparallax {padding-top: 50%; }
	
	.preview-box, .preview-box.center {width: 100%; min-height: auto; margin: 10px 0% 30px 0; padding: 0px; }
	.preview-box-top { margin: 0 auto; width: 40%;}
	.preview-box-bottom .box-title, .preview-box-bottom p {font-size: 18px;	padding: 5px 0;}
	h2.preview-title {margin-bottom: 0px; padding-bottom: 10px;}
	.prev-more a::before {content: url("img/arrow-down-mini.png"); }
	
	p.headline {font-size: 24px;} 
	
	.contentbox h1, 
	.contentbox h2 {margin-top: 10px;}

	h1 {font-size: 30px; padding-bottom: 5px;}
	.headerbox h1, h2, .headerbox.mobile h2, .contentbox.erfahrungen h2 {font-size: 30px; }
	.contentbox.erfahrungen h2 {margin: 20px 0 20px 0; }
	h3, .contentbox.stationen h3 {font-size: 22px; margin: 10px 0 25px 0;}
	.headerbox p {font-size: 24px; margin: 10px 0 10px 0;}
	
	p, li, .box-leistung p, .box-leistung a, .box-leistung h4 {font-size: 18px; line-height: 150%;}
	.box-leistung p {margin-bottom: 5px;}
	.prev-more a{font-size: 22px;}	
	.box-leistung-top-right {position: absolute; top: 10px; left: 0px; width: 14px; height: 14px; background-size: contain;}
	.box-leistung-top-left {width: 92%; padding: 6px 0% 6px 8%;}
	.box-leistung-bottom {padding: 0px 0px 15px 8%;}
	
		
	#flexslider-copy-wrapper {width: 100%; margin: 60px auto; margin-top: 25px; font-size: 16px;}
	#flexslider-copy-wrapper .flex-control-nav {bottom: -50px;}
	
	/* Turn off parallax scrolling for tablets and phones */
  .bgimg {background-attachment: scroll; }
  
  #dummy1 {position: absolute; top: -50px;}
	#dummy2 {position: absolute; top: -50px;}
	#dummy3 {position: absolute; top: -60px;}
	#dummy4 {position: absolute; top: -80px;}
	#dummy5 {position: absolute; top: -60px;}
  
  .footer img {float: none;}
  .footer-left {float: none; width: 100%; text-align:center;}
  .footer-right {display: none;}
  
  .footerbox {padding: 0 0 25px 0; clear: both;}
  .footerbox-logo {display: block; width: 100%; text-align: center;}
  .footerbox-logo a img {margin: 0 auto;}
  .footerbox .left  {float: none; width: 100%; text-align:center; margin: 0;}
	.footerbox .right {float: none; width: 100%; text-align: center; margin: 0; padding-right: 0;}
}


/* ======================================================================
Smaller Screens */
@media screen and (max-width: 768px) {
	div {border: 0px solid green;}		
	
	#topmenubox a.logo img, #topmenubox.reduced a.logo img {position: absolute; left: 5%; bottom: 0px; padding: 0;}
	.button-wrapper, #topmenubox.reduced .button-wrapper { margin-right: 0%;}
	
	.headerbox {width: 90%; padding: 20px 5% 30px 5%;}
	.headerbox.mobile {padding: 15px 0 10px 0;}
	
	p, li, .box-leistung p, .box-leistung a, .box-leistung h4, .preview-box-bottom .box-title, .preview-box-bottom p {font-size: 15px; line-height: 120%;}
	
	.rightbox .inner {margin: 0 0 0 0;}
	.rightbox p {line-height: 150%;}
	
	.XXfrontpage .wrapper  {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; }
	
	p.headline {font-size: 20px;}
	
	h1 {font-size: 30px;}
	h2, .headerbox.mobile h2, .headerbox h1, .contentbox.erfahrungen h2 {font-size: 30px;}
	.contentbox.erfahrungen .section2 h2 {font-size: 20px;}
	h3, .headerbox p {font-size: 22px; }
	
	
	#topparallax p {line-height:120%;}

	.preview-box-top { margin: 0 auto; width: 40%;}
	.preview-box-bottom .box-title, 
	.preview-box-bottom p {padding: 5px 0;}

	#nav ul li.Impressum, 
	#nav ul li.Datenschutz {display: block;}
	
	#return-to-top {bottom: 120px; right: 20px;}
	#return-to-top img {width: 50px;}
	
}


@media screen and (max-width: 480px) {
	div {border: 0px solid blue;}
	
	#sidebar {position: absolute; right: -360px; top: 0px; width: 360px; height: 2000px; transition: right 1s;
  background: #fff;}
}


/* ======================================================================
Smaller Screens */
@media screen and (max-width: 480px) {
	div {border: 0px solid blue;}

	.topheader p { font-size:1.4em; }
	.headerbox.mobile {width: 100%; padding: 15px 0 5px 0;}
	
	h1 {font-size: 20px;}
	h2, .headerbox.mobile h2, .headerbox h1, .contentbox.erfahrungen h2 {font-size: 20px;}
	.contentbox.erfahrungen .section2 h2 {font-size: 14px;}
	h3, .headerbox p {font-size: 16px; line-height: 20px;}
	
	.contentbox.stationen h3 {font-size: 17px; line-height: auto;}
	
	.contentbox.first /* ,.contentbox, .contentbox.header,  .contentbox.jsmenu, .contentbox.angebot, .contentbox.stationen, .contentbox.erfahrungen, .contentbox.feedback*/ {padding: 10px 0 20px 0;}
	
	.contentbox.stationen .rightbox {width: 300px; padding-right: 1%;}
	.contentbox.stationen .rightbox p, .contentbox.stationen .rightbox a {font-size: 17px;}
	.contentbox.stationen .rtitle {font-size: 24px;}
	.contentbox.stationen img {width: 16px;}
	.contentbox.stationen.subpage .content.section2 h2 {margin-top: 0;}
	
	p img.image_right {width: 35%; padding: 10px 0% 0 5%;}
	
	.karriere a {display: block; width: 230px; padding: 5px 10px 5px 30px; font-size: 20px; line-height: 30px;}
	.karriere a::before {position: absolute; top: 14px; left: 15px;}
	
	li.slide td {height: 500px;}
}






.cc-window {
    -moz-box-shadow: 0 0 5px 2px #ccc;
    -webkit-box-shadow: 0 0 5px 2px #ccc;
    box-shadow: 0 0 5px 2px #ccc;
}
.cc-btn {
    padding: 0.4em 0.8em;
    font-size: 1.0em !important;
    font-weight: normal !important;
}
.cc-revoke {display: none!important;}