div {border: 0px dotted white;}
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%;
}

.slogan {	padding:0 0 10px 0; font-size: 2.0em; 	font-weight: 400; 	font-family: 'Open Sans', sans-serif;	}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	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: 1500px;*/ margin: 0 auto 0 auto;}
.wrapper.border {border-top: 1px solid #eee; /* border-bottom: 1px solid #eee;*/}
.wrapper.border.page-id-4 {border-top: none;}

.topspacer {padding-top: 120px;  width:100%; }
.topspacer.page-id-1 {padding-top: 20px;}

.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;}
#static_headerbox.mobile-only {display: none;}

/*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 {margin: 0px auto; max-width: 1500px; /*background: #fff;*/ padding: 35px 4% 50px 4%;}
.contentbox.bottom {padding-top: 20px; padding-bottom: 20px;}
.contentbox.fb-content {padding-top: 10px;
padding-bottom: 20px;}
.contentbox.page-id-1 {padding-bottom: 10px;}


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



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

#beginContent {}

.content, .top_content {	float: left; 	display:inline; width: 65%; padding-right: 5%; margin-left: 0; }
.content.narrow {width: 28%; margin-top: 90px; padding-right: 0%; }
.content h1 {margin-top: 50px;}
/*.contentbox.page-id-1 .rightbox h2 {margin-top: 100px;}*/
.contentbox.page-id-1 .content h1 {color: #d30b1f;}
.contentbox.page-id-13 .content h1,
.contentbox.page-id-14 .content h1,
.contentbox.page-id-15 .content h1,
.contentbox.page-id-16 .content h1 {margin-top: 0px;}
.content h2 {margin-top: 20px;}
.contentbox.page-id-4 .content a {font-size: 20px;}

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

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

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

.brillen-box {float: left; width: 340px; min-height: 200px; padding: 20px 30px;}

/* Aktuelles */
.preview-box {float: left; width: 22.7%; min-width: 165px; margin: 20px 3.05% 0 0; padding: 0px; border: 0px solid #ddd; }
.preview-box.last-box {margin: 20px 0 20px 0;}
.preview-box-top {width: 100%; margin: 0px; padding: 0;	}
.preview-box-top a img, .main img, #static_headerbox.mobile-only img, .rightbox2 img {margin: 0px; padding: 0 0 0 0; display: block; height: auto !important; max-width: 100%; width: auto !important; border: 1px solid #ccc;}
/*.preview-box-top a:hover {opacity:0.8;}*/
.preview-box-top img {
	display: block;
	height: auto !important;
	max-width: 100%;
	width: auto !important;

	-webkit-transition: all 0.4s ease-out;	/* Saf3.1+, Chrome */
	-moz-transition: all 0.4s ease-out;	/* FF3.5+ */
	-o-transition: all 0.4s ease-out;	/* Opera */
	transition: all 0.4s ease-out;
}
.preview-box-top img:hover {
	-webkit-transform: rotate(0deg) scale(1.2); 
	-moz-transform: rotate(0deg) scale(1.2); 
	-o-transform: rotate(0deg) scale(1.2); 
	transform: rotate(0deg) scale(1.2);
}

.preview-box-bottom {display: block; text-align: center; min-height: 100px; width: 100%; margin: 0px;  padding: 30px 0% 0px 0%;	}
.preview-box-bottom p {margin: 5px 0 15px 0; font-size: 16px;}
.preview-box-bottom .box-title {font-size: 24px; font-weight: 400;	 margin: 0px; }

.prev-more {padding: 0 0 12px 0; text-align: right;}
.prev-more a {font-size: 18px; color: #f00;}	
.prev-more a:hover {color: #d60a1e;}

.mehr-infos {	text-align: right; padding: 10px 10px 0 0; vertical-align:bottom;  }

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: #d30b1f;}	

a.section_anchor {}

.frame-wrapper {margin-bottom: 25px; border: 1px solid #f00;}
.einzel-box {position: absolute; bottom: 25px; right: 0%; width: 28%;}

.fa-music {font-size: 24px; padding: 5px 15px 5px 0;}

/* repertoire */
tbody tr:nth-child(even) {background-color: #333; /*color: #000; */}
tbody td {padding-left: 10px; line-height: 200%;}


.rightbox, .rightbox2 { width: 28%; float: right; display:inline; margin-top: 90px; /*border-left:1px #ddd solid; */}
.rightbox.main {margin-top: 130px; }
.contentbox.contentbox.page-id-1 .rightbox {margin-top: 40px;}
.rightbox2 { margin-top: 105px;}
.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 rechts */
.contentbox.page-id-16 .rightbox {width: 24%; margin-top: 80px; padding: 20px 1% 20px 3%; background: #fff; border: 1px solid #eee;}
.contentbox.page-id-16 .rightbox p {text-align: left;}

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

.clearcontent {height:0px; clear:both; }

/* Zitat-Bar */
.zitat-bar {z-index: 999; position: absolute; top: -185px; left: 0%;  width: 100%; height: 150px; padding: 0 0 0 0; text-align: center;  background-color: rgba(244, 244, 244, .2);}
.zitat-bar p {margin: 75px 0 0 0; font-family: 'savoye_letplain', Arial, sans-serif; font-size: 100px; line-height: 0%; color: #eee; font-weight: 300; letter-spacing: 0px;}


/* home */
.home-box {float: left; width: 30%; margin: 0 4.5% 0 0; padding: 20px 0%;}
.home-box.last-box {margin-right: 0;}
.home-box h1, .home-box h2, .infobox {}
.home-box .infobox-full {min-height: 400px;}
.home-box .infobox-full {padding: 0 0 20px 0; }
.home-box .infobox-full h4 {line-height: 36px;}
.home-box img {float: left; margin-top: 0px; padding: 0px 5px 0px 0px; border: none;}


/* ------ Footer ------ */
.bottom-box {float: left; width: 15%;	padding: 0 0 0 0;}
.bottom-box p {margin-bottom: 0;}
.bottom-box a {color: #ccc;}
.bottom-box.box-1 {width: 18%; padding: 15px 0 0 0; /*padding-top: 15px;*/ text-align:center;}
.bottom-box.box-2, .bottom-box.box-4 {width: 16%; padding: 15px 0 0 6%;}
.bottom-box.box-3 {float: right; width: 19%; padding-top: 20px;}
/*.bottom-box.box-4 {float: left; width: 12%;	padding: 15px 0 0 10%;}*/
.bottom-box.box-1 img, .bottom-box.box-2 img, .bottom-box.box-4 img, .bottom-box.social img {max-width:100%; height:auto !important; margin-top: 0px; }
.bottom-box.social {float: right; width: 9%; padding: 35px 0 0 5%;}
.bottom-box.social img {padding-top: 20px;}
.bottom-title {font-size: 24px;}
/*
.footer {margin: 0 auto; width: 100%; min-height: 500px; padding-top: 45px; font-size: 15px; background-color:#d30b1f;}
.adress-bottom-box {float: right; width: 20%; 	min-width: 290px;	padding: 0px 3% 15px 2%; }
.adress-bottom-box p, .adress-bottom-box a {font-size: 16px; color: #fff; font-weight: normal;}
.google-maps-box {float: left; width: 66%;	padding: 0 0 0 4%;}
*/

.footerbox {position: relative; width: 100%; padding-left: 0%; }
.footerbox, .footerbox a { font-size:14px; color: #999;}
.footerbox .left {width: 25%; margin: 10px 0 0 0;  float:left;}
.footerbox .right {float: right; width: 19%; margin: 10px 0 0 0; padding-right: 0px;  }
.footerbox .right ul li {list-style: none; padding-right: 20px;}
.footerbox .right ul li a {font-size:14px; color: #999; text-decoration: none;}

.back {text-align: right;}

#gototopswitch {position: absolute; right: 10px; top: 5px;}



/* Top and Menu Box */
#topmenubox {width: 100%; height:120px; margin:0; padding 0 4%; position:fixed; z-index:5000; width: 100%; top:0; left:0%;  transition: 0.5s all; background: #000; border-bottom: 1px solid #eee;}
#topmenubox .m_inner {position:relative; margin: 0 auto 0 auto; height:100%; width: 92%; max-width: 1500px; }
#topmenubox a.logo img {max-height:80%; max-width:100%; position: absolute; left: 0%; bottom:1px;}
#topmenubox.reduced {height:42px; 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 center; 
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-image: url("img/Ball-Allersberg-Mai-2019.jpg");
  min-height: 200px;
}
.bgimg.border {border-top: 1px solid #fff;}


#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
~~~~~~~~~~~~~~~~~~~~  */
#nav {position: absolute;	right: 0; bottom:0;	border: 0;	padding: 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;
}
ul.menu-top li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -25px; /* Also needed for space (tweak if needed) */		
} 

/* 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; font-size: 16px; border-right:0px #ddd solid; color: #eee; text-decoration: none; XXfont-weight: bold; text-transform: uppercase; letter-spacing: 1px; background-repeat: no-repeat;}
#nav ul li a span {display:block; padding: 11px 12px 10px 12px; }
/* 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-parent {color: #d30b1f; background: #fff; }
#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: #d30b1f ; }

#nav ul li.Impressum, 
#nav ul li.Haftungsausschluß, 
#nav ul li.Datenschutz {display: none;}

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

/* 2nd Child menu */
#nav  li ul {position: absolute; right:10000px; width: 200px; opacity:0.0; text-transform: none; border-bottom: 1px solid #fff; border-left: 1px solid #fff; font-size: 13px; background: #ddd url(img/glitzi.png) no-repeat right 0px; box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.4);}
#nav  li ul li {text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;  }
#nav  li ul li a {width: 200px;  text-align:left; height:auto; text-shadow: none; margin:0; padding: 0; color: #333; border-top: 1px solid #fff; font-weight: normal; font-size: 14px; background: none;}
#nav  li ul li a span {display:block; padding:8px; }

/* 2nd Child link hover */
#nav  li ul a:hover,  #nav  li ul a.menu-current { /* text-shadow: 1px 2px 4px #000;*/}
#nav  li ul a.menu-expand {background: transparent url(img/arr-right.png) no-repeat right 5px ; }
#nav  li ul a.menu-parent {background: #d30b1f 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 */
}

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

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

	#nav ul li a span {padding: 11px 8px 10px 8px;}
	.zitat-bar p { font-size: 80px; }

	.contentbox.page-id-7 .content {width: 100%;}

	.bottom-box.box-3, .bottom-box.social {width: auto; padding: 10px 2%;}
	.bottom-box.box-2, .bottom-box.box-4 {width: auto; max-width: 150px;  padding: 15px 3%;}
	.footerbox .right {width: auto; margin: 10px 0 0 0; padding-right: 0px;}
}


/*Smaller Screens */
@media screen and (max-width: 1024px) {
	div {border: 0px solid yellow;}
	
	#static_headerbox.desktop-only, .flex-direction-nav, .content.desktop, .footerbox .left, .einzel-box, .bgimg {display: none;}
	
	.zitat-bar {width: 100%; margin: 32px 0; padding: 0; text-align: center; font-size: 30px; /*background-color: transparent;*/}
	
	
	.sliderbox {height: auto !important;}
	.flexslider {margin-bottom: 0 !important;}
	#static_headerbox.mobile-only {display: block; height: auto;}
	
	XXbody {font-size: 14px;}
	
	.contentbox {padding: 0px 4% 20px 4%;}
	.container {padding-top: 2px;}		
	.mainbox .contentwide  {width:96%; margin:0 0 0 2%; padding-top: 50px;}
	.content, .top_content {width:96%; margin:0 0 0 2%; padding:0; float: none; }
	
	.contentbox h1, .contentbox h2 {margin-top: 0px;}
	.contentbox.page-id-1 h2 {margin-top: 50px;}
	
	.mainbox, .contentwide, .contentwidenarrow, .main, .content.mobile {float: none; width:100% ! important; border-left:none; display:block;}
	
	.home-box {float: none; width: 100%; margin: 0 4.5% 0 0; padding: 20px 0% 0px 0%;}
	.home-box .infobox-full {min-height: auto; padding: 20px 0 0 0;}
	.contentbox.page-id-1 .infobox h2 {margin-top: 0;}
	
	.preview-box-top a img {margin: 0 auto;}
	
	.rightbox, .rightbox.main, .content.narrow {float: none; width:100%; margin-top: 0;}
	.rightbox .inner, .content.mobile {text-align: center; margin: 0;}
	.rightbox.wide .inner {text-align: left;}
	.rightbox2 {margin-top: 0;}
	
	#topmenubox {height: 60px ! important;}
	#topmenubox #nav {display:none;}
	
	.footerbox {padding-top: 20px;}
	.footerbox .right {float: none; width: 100%; text-align: center;}

	
	.toggleMobileMenu {display:block; float:right; width:20px; height:50px; background: url(img/menuswitch.png) no-repeat top right; margin:20px 4% 0 0;}
	
	.topspacer {padding-top: 60px;  }	
	#XXtopparallax {padding-top: 50%; }
	
	
	/*Nav*/
	
	.breadcrumbs { height:560px; }
	
	#nav2 ul li.Beziehungscoaching, 
	#nav2 ul li.Weitere, 
	#nav2 ul li.Gutschein,
	#nav2 ul li.Ihr {display: none;}
	
	#nav2 {width:250px; height: auto; position:absolute; left:-300px; top:100px; z-index:2000; transition: left 1s; }
	#nav2  {background: #eee url(img/glitzi.png) no-repeat right 0px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);}
	
	#nav2 li {width:250px;  padding: 0 0 0 0; }
	#nav2 li a {display:block; padding: 12px 0 12px 20px; font-size:18px;  color:#000; text-decoration: none; border-bottom: 1px solid #fff;}
	#nav2 ul li a:hover, #nav2 li a:focus, #nav2 li a:active, #nav2 ul li a.active, #nav2 a.menu-current, #nav2 a.menu-parent {color: #fff; background: #d30b1f ; }
	#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:#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 ; }
	#nav2close {display:none; z-index:1990; position:absolute; top:0; width:100%;  height: 900px; background-image:none;}
	
	
	
	.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;} 
	
	 
	h1 { font-size: 2.2em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.6em; }
	
	/* Turn off parallax scrolling for tablets and phones */
  .bgimg {background-attachment: scroll; }
  
  .bottom-box.box-2, .bottom-box.box-4 {width: 18%; padding: 15px 0 0 3%; }
  .bottom-box.box-3 {padding-top: 0;}
  .bottom-box.box-3 p {font-size: .8em; line-height: auto;}
  .bottom-box.social {width: 5%;}
}


/* ======================================================================
Smaller Screens */
@media screen and (max-width: 768px) {
	div {border: 0px solid green;}	
	
	.bottom-box.box-1, .bottom-box.box-2, .bottom-box.box-4, .bottom-box.social {display: none;}	
	.bottom-box.box-3 {width: 100%; text-align: center;}
		
	h1 {font-size: 1.6em;}
	.contentbox.page-id-1 .content h1 {font-size: 1.0em;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.2em; }

	p, li, td, .prev-more a {font-size: .9em;}
	
	.zitat-bar {position: absolute; top: -115px; height: 80px; width: 100%; padding: 0;}
	.zitat-bar p {margin-top: 35px;font-size: 50px;}
		
	.rightbox .inner { margin: 0 0 0 0;}
	
	.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; }
	#topparallax p {line-height:120%;}
	
	.preview-box {float: none; width: 100%; min-width: auto; margin: 0 0 0 0; padding: 0px;}

	/*	#nav ul li.Impressum, #nav ul li.Haftungsausschluß, #nav ul li.Datenschutz {display: block;} */
	
	.bottom-box.box-1 {width: auto;}	
	
}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 480px) {
	
	#topparallax .ptext {bottom:0; }
	.topheader p { font-size:1.4em; }
	
	h1 { font-size: 1.4em;}
	h2 {font-size: 1.2em;}
	h3 {font-size: 1.0em;}
	
	.zitat-bar {display: none;}
	
	.bottom-box.box-1 {display: none;}
	.bottom-box.box-3 {float: left;}
}

.cc-floating.cc-theme-classic, 
.cc-theme-classic .cc-btn {
  border-radius: 0px !important;
}


/* Cookie */
.cc-revoke {display: none!important;}