div {border: 0px solid black;}
td, li {border: 0px dotted red;}
ul {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%;
}

.aktuell-wrapper {position: absolute; top: 0px; left: 0px; z-index: 9000; width: 100%; height: 5000px; background-color: rgba(0, 0, 0, .6);}
.aktuell-box {position: absolute; top: 1%; left: 15%; width: 70%; max-width: 800px; min-height: 500px; padding: 50px; color: #555; background: #fff;}
.aktuell-content {padding-top: 0px;}
.aktuell-content p, .aktuell-content td, .aktuell-content li {font-size: 18px;}
.aktuell-content a {color: #fff; }
.aktuell-content a:hover {color: #555; }
img.headerpic-aktuell {margin: 0; padding: 0;}
.button-close {z-index: 2; 	position: absolute; right: 20px; top: 15px; width: 20px; height: 20px;}

	
.topspacerbox {width: 100%; margin: 0 auto; margin-top: 200px; padding: 0;}	
/*.topspacer {display: none;} */
.topspacer.page-id-1 {display: block; padding-top: 0px;  width:100%; }
/*.topspacer img {padding-top: 120px !important; display: block; height: auto !important; max-width: 100%; width: auto !important;}*/	

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

.wrapper {width: 100%; max-width: 1280px; 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, .content 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;}


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


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


/*====================================================
Alles rechts neben left
ab hier: 1/3 grid
*/
.contentbox {display: block; min-height: 500px; width: 65%; padding: 70px 19% 28px 15.5%;}
.contentbox.relative {position: relative;}
.contentbox.page-id-1 {width: 86%; padding: 30px 5% 28px 9%;}

.content, .top_content {display:inline; width: 80%; padding-right: 0%; margin-left: 0; }
.content.narrow {width: 28%; margin-top: 90px; padding-right: 0%; }
.content.contentnarrow {float: left; width: 60%;}

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

.content a {color: #3fb499;}
.content a:hover {color: #1b4a7e;}
.contentbox.page-id-1 .content a {color: #1b4a7e;}

a.section_anchor {}


/* Startseite */
.contentbox.page-id-1 {background: url(img/bg-content1.jpg) no-repeat; background-size: contain;}
.contentbox.page-id-2 {background: url(img/bg-content2.jpg) no-repeat; background-size: contain;}
.contentbox.page-id-3 {background: url(img/bg-content3.jpg) no-repeat; background-size: contain;}
.contentbox.page-id-4 {background: url(img/bg-content4.jpg) no-repeat; background-size: contain;}
.contentbox.page-id-6 {background: url(img/bg-content6.jpg) no-repeat; background-size: contain;}
.contentbox.page-id-2,
.contentbox.page-id-3,
.contentbox.page-id-4,
.contentbox.page-id-6 {padding-top: 140px;}

.contentbox.page-id-1 h1 { 
	float: left; width: 45%; padding-right: 40%; margin: 60px 0 40px 1.5%;
	font-size: 38px; line-height: 50px; font-weight: normal; letter-spacing: 0px;	text-transform: none;}
.contentbox.page-id-1 h2 {margin: 30px 0 10px 0; font-size: 1.15em;}
.contentbox.page-id-1 h2.white a {color: #fff;}

.contentbox.page-id-1 p, 
.contentbox.page-id-1 li, 
.contentbox.page-id-1 td {font-size: 26px; line-height: 120%;}
/*
a.icon-phone::before {font-family: fontello; content: "\f095"; font-size: 15px;}
a.icon-online::before {font-family: fontello; content: "\f108"; font-size: 15px;}
a.icon-calendar::before {font-family: fontello; content: "\f133"; font-size: 15px;}
*/

.praxisbox {float: left; padding: 0 2% 30px 3%; border: 2px solid #1b4a7e; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
.praxisbox li {margin: 5px 0 0 0;}

/* .box-leistungen {width: 46%; min-height: 550px; margin-right: 2.7%;} */

.box-aktuelles {width: 42%; min-height: 490px; margin-right: 2.7%; background: #1b4a7e; color: #fff;}
.box-aktuelles h2 {color: #fff;}
.box-aktuelles a {color: #3fb499;}
.box-aktuelles.mobile-only {}

.box-leistungen {width: 44.5%; min-height: 485px; margin-top: 55px; }

.box-wrapper {float:left; width: 35.5%; height: 482px; margin-top: -35px; margin-right: 3.1%;}
.box-service {width: 85%; min-height: 230px; padding: 0 6% 0 9%;}
.box-praxis {width: 85%; min-height: 190px; padding: 0 6% 0 9%; margin-top: 28px; border: 2px solid #3fb499; color: #3fb499;}
.box-praxis h2, .contentbox.page-id-1 .content .box-praxis a {color: #3fb499;}
.praxisbox.box-service ul, .praxisbox.box-praxis ul {padding-left: 0;}
.praxisbox.box-service ul li, 
.praxisbox.box-praxis ul li {list-style: none; line-height: 105%;}
.praxisbox.box-service ul li::after {content: " >"; font-size: 22px;}
/*.praxisbox.box-service ul li::after {font-family: fontello; content: "\f054"; font-size: 24px;}*/

.box-betriebsarzt {width: 56%; min-height: 358px; margin-top: 28px; background: #3fb499; border: 2px solid #3fb499; color: #fff;}
.box-betriebsarzt a {color: #fff;}
.box-betriebsarzt ul li {list-style: url(img/dot-green.png);} 

.box-kontakt {width: 95%; min-height: 185px; margin-top: 3px; position: relative;}
.box-kontakt h2 {margin-top: 25px;}
img.logo100 {position: absolute; right: 3%; bottom: 15px;}

.praxisbox.mobile-only {display: none;}


/* Seite Kontakt */
#kontakt h3 {padding-bottom: 20px;}


/* Seiten Leistungen, Betriebsarzt, Praxis */
.infobox {position: relative; display: inline; width: 100%;}
.infobox h2 img {margin: 0 16% 15px 1%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.infobox-short {position: relative; min-height: 0px;}
.button {/*position: absolute; left: 0; top: 170px;*/ text-align: center; width: 80px; padding: 5px 10px; background: #3fb499; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;}
a.button:hover {color: #fff; background: #1b4a7e;}
.button a {font-size: 18px; color: #fff;}
.button.display-none {display: none;}
.infobox-full {position: relative; padding-top: 80px;}
.infobox-full.page-id-2,
.infobox-full.page-id-3 {padding-top: 0px;}
.infobox-full .button-close {z-index: 2; position: absolute; right: -50px; top: 120px; width: 35px; height: 35px;}
.infobox-full.page-id-2 .button-close {top: 0px;}
.infobox ul li ul li {list-style: circle;}


/* Seite Service */
.contentbox.page-id-4 hr {margin-top: 25px;}
.contentbox.page-id-4 a.button {padding: 3px 10px 1px 10px; font-size: 18px; color: #fff;}

.contentbox.page-id-13 a {padding-left: 0px;}
.contentbox.page-id-13 .download a::before {font-family: fontello; content: "\f1c1"; font-size: 22px; padding-right: 10px;}


/* Seite Termin */
.contentbox.page-id-10 {width: 81%; padding-left: 13.5%; padding-right: 5%;}
.contentbox.page-id-10 h1 {padding-left: 2%;}


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


.dummy-block {width: 100%; text-align: center;}
hr.hr-bottom {margin: 50px 0px 0px 0px;}

.clearcontent {clear:both; }


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


/* ------ Footer ------ */
.footer-outer {width: 100%; background-color: #1b4a7e;}
.footerbox {margin: 0px auto; width: 86%; max-width: 1280px; padding: 20px 5% 20px 9%;}
.footerbox, .footerbox a, .footerbox p {font-size:17px; line-height: 150%; color: #fff;}
.footerbox p {/*margin: 0;*/}
.footerbox .left, .footerbox .center {float:left; width: 32%; margin: 0;}
.footerbox .center {width: 40%; padding-top: 36px;}
.footerbox .right {float: right; width: auto; margin: 0 3% 0 0; padding-right: 0px;}
.footerbox .right a {color: #fff;}
.footer-title {font-size: 20px; font-weight: bold; letter-spacing: 0px;}
.footerbox .mobile-only {display: none;}

.bottom-outer {width: 100%; background-color:#3fb499;}
.bottombox {margin: 0px auto; width: 86%; max-width: 1280px; padding: 0px 5% 0px 9%;}
.bottombox .left {float:left; width: 32%; margin: 0;}
.bottombox .right {float: right; width: 250px; margin: 0 3% 0 0; padding-right: 0px;}
.bottombox p, .bottombox a {font-size: 17px; color: #fff;}




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

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


#logo-wrap {float: left; width: 267px; height: 110px;	margin: 0px 0% 0px 0px; 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 {position:fixed; z-index:5000; top:0; left: 0%; width: 100%; height: 220px; transition: 0.5s all; background: url(img/bg-head.jpg) repeat-x 0 0;}
#topmenubox .m_inner {position:relative; margin: 0 auto; width: 100%; max-width: 1280px; height:100%; padding: 0;  } 
#topmenubox a.logo img {position: absolute; left: 0px; top:0px; max-height:80%; max-width: 50%; transition: 0.5s all;}
#topmenubox.reduced {height:60px; transition: 0.5s all;}
#topmenubox.reduced a.logo img {max-height:100%; max-width:100%; transition: 0.5s all;}


/* Navigation oben-rechts */
#nav-right {position: absolute; top: 35px; right: 4%; width: 20%; min-width: 150px; margin: 0; padding:0; }
#nav-right a, #nav-right {color: #fff; font-size: 20px;}
#nav-right a:hover, 
#nav-right a.active {color: #3fb499;}
#nav-right li {list-style: none; margin: 0; padding: 0; line-height: 30px;}



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

.white {color: #fff;}

#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: 0 0 10px 0;}
.news-more {padding: 0 0 12px 0; text-align: right; }
.news-more a {font-size: 15px; color: #2a6065;}	



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

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


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
#topmenubox #nav {position: absolute; left: 11%; bottom: 0; padding: 0; /* background: url(img/transparent.png) repeat-x; background-position: 0px -40px; */}
#topmenubox.reduced #nav {margin-left: 10%; transition: 0.5s all; background:none;}
#topmenubox.reduced #nav ul li a {font-size: 16px; padding: 0px 20px 0px 20px; color: #fff; border-bottom: none;}
#topmenubox.reduced #nav ul li a:hover span {color: #fff; opacity:0.6;}
#topmenubox.reduced #nav-right {display: none;}

ul.nav {float:left; margin-bottom: 9px;}

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

#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 25px 0px 25px; font-size: 23px; line-height: 31px; border-right:0px #ddd solid; color: #1b4a7e; text-decoration: none; font-weight: bold; /*text-transform: uppercase;*/ letter-spacing: 1px; background-repeat: no-repeat; border-bottom: 2px solid #fff;}
#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: #1b4a7e; border-bottom: 2px solid #1b4a7e; transition: none;}
#nav li.Service a:hover, 
#nav li.Service a:focus, 
#nav li.Service a:active, 
#nav li.Service a.menu-current, 
#nav li.Service a.menu-parent {border-bottom: 2px solid #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: #2a6065 ; } */
/*
#nav ul li.menu-first a:hover span, #nav ul li.menu-first a.menu-current span {border-bottom: 2px solid #1b4a7e; padding-bottom: 4px;}
*/
ul#topmenu li.Praxis,
ul#topmenu li.Kontakt,
ul#topmenu li.Aktuelles,
ul#topmenu li.Jobs,
ul#topmenu li.Impressum, 
ul#topmenu li.Datenschutz {display: none;}

/* Submenu */
#nav ul#submenu {margin-left: 30px;}
#nav ul#submenu li a {padding: 0px 20px 0px 20px;}
#nav ul#submenu li a, #nav ul#submenu li a span {font-size: 18px; color: #3fb499; /*font-weight: normal;*/}
#nav ul#submenu li a:hover {border-bottom: 2px solid #3fb499;}
#topmenubox.reduced #nav ul#submenu li a  {padding: 0px 20px 0px 20px; border-bottom: none;}
#topmenubox.reduced #nav ul#submenu li a span {font-size: 16px;}
#topmenubox.reduced #nav ul#submenu li a:hover {border-bottom: 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; padding-left: 0; opacity:0.0; border-bottom: 0px solid #fff; border-left: 0px solid #fff; background: #3fb499; /* 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: 0px; padding: 0; line-height: 1.2em; /*background: #fff;*/ }
#nav  li ul li a {width: 200px; margin:0; padding: 0px 10px 0px 10px; text-align:left; background: none; border-bottom: none;}

#nav li.Service ul li a:hover, 
#nav li.Service ul li a:focus, 
#nav li.Service ul li a:active, 
#nav li.Service ul li a.menu-current, 
#nav li.Service ul li a.menu-parent  {border-bottom: none;}

#nav  li ul li a span {display:block; padding:0px; text-shadow: none; color: #fff; font-weight: normal; font-size: 18px; line-height: 36px; /*text-transform: uppercase;*/ border-bottom: 2px solid #fff; }

/* 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 #1b4a7e; }
#nav ul li.menu-first ul li a:hover span {border-bottom: none; padding-bottom: 0px; color: #1b4a7e;}*/
#nav ul li ul li.menu-last a span { border-bottom: #3fb499; }



/* 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: #1b4a7e;}
#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: 1280px) {
	div {border: 0px solid red;}
	
	#nav-right {width: 20%; min-width: 150px; margin: 0; padding:0; }
	#nav-right a, #nav-right {font-size: 18px;}
	
	#topmenubox #nav {position: absolute; left: 16%;}
	#nav ul {padding-left: 0;}
	#nav ul li a {padding: 0px 15px 0px 15px; font-size: 20px;}
	#nav ul#submenu li a {padding: 0px 15px 0px 15px; font-size: 18px;}
	#topmenubox.reduced #nav ul li a {font-size: 16px; padding: 0px 15px 0px 15px;}
	#topmenubox.reduced #nav ul#submenu li a  {padding: 0px 15px 0px 15px;}
	
	.contentbox.page-id-1 {width: 90%; padding: 100px 5% 28px 5%;}
	.contentbox.page-id-1 h1 {width: 40%; padding-right: 40%; margin: 20px 0 20px 4%; font-size: 30px; line-height: 36px;}
	
	.contentbox.page-id-1 p, 
	.contentbox.page-id-1 li, 
	.contentbox.page-id-1 td {font-size: 24px; line-height: 120%;}
	
	.box-leistungen {width: 45.9%; margin-top: 85px;}
	.box-aktuelles {width: 40.5%; min-height: 400px; margin-top: 20px; background: #1b4a7e; color: #fff;}
	.box-wrapper {width: 35.0%; height: 482px; margin-top: -35px; margin-right: 3.1%;}
	
	.footerbox {width: 90%; padding: 20px 5% 20px 5%;}
	.bottombox {width: 90%; padding: 0px 5% 0px 5%;}
	.footerbox .right, .bottombox .right {margin: 0;}
}


@media screen and (max-width: 1170px) {
	div {border: 0px solid blue;}
	
	.outer,  .mainbox, #topmenubox .m_inner  {width:100%; margin: 0 0 0 0;}
	
	.contentbox.page-id-1 {padding: 70px 5% 28px 5%;}
		
	.contentbox.page-id-1 p, 
	.contentbox.page-id-1 li, 
	.contentbox.page-id-1 td {font-size: 22px; line-height: 120%;}
	
	.box-leistungen {min-height: 490px;}
}



/*Smaller Screens */
@media screen and (max-width: 1024px) {
	div {border: 0px solid yellow;}
	
	.topspacerbox {margin-top: 100px;}
	
	/*#topmenubox .m_inner {height: 80px; margin: 0;}*/
	#topmenubox {height: 100px !important;}
	#topmenubox	a.logo img {position: absolute; left: 4%; bottom: 15px; max-height: 100%; max-width: 100%;}	
	#topmenubox.reduced a.logo img {max-height:100%; max-width:100%;}
	
	#topmenubox {width: 100%;}
	
	/*.topmenubar {width: 70%; margin: 0 auto; padding-top: 15px;}*/
	.topmenubar ul#topmenu {float: right; padding-top: 35px;}	
	
	#nav-right, #logo-wrap, .flex-direction-nav, .content.desktop {display: none;}
	
	
	/*Nav*/
	
	.breadcrumbs { height:560px; }
	
	#nav2 {width: 300px; padding-left: 30px; height: auto; position:absolute; left:-330px; 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: 100%; padding-top: 20px; border-right: 2px solid #1b4a7e;} /* mux */
	#nav2 li.lev1 {display: none;} /* mux */
	/* #nav2 li a.menu-first {border-top: 2px solid #1b4a7e;} */

	
	#nav2 li {width:150px;  padding: 0 0 0 0; }
	#nav2 li a {display:block; padding: 10px 0 10px 0; font-size:16px; text-transform: uppercase; color:#1b4a7e; text-decoration: none; /* border-bottom: 2px solid #1b4a7e;*/}
	#nav2 li a:hover {color: #1b4a7e;}
	#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: #1b4a7e !important;*/ /* color:#fff;  text-shadow: 1px 2px 4px #000;*/}
	
	#nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent {color: #1b4a7e; /*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: #1b4a7e !important;}
	
	#topmenubox #nav {display:none;}
	
	ul#topmenu li.Praxis, 
	ul#topmenu li.Impressum, 
	ul#topmenu li.Datenschutz {display: block;}
	
	ul#submenu li a {color: #3fb499;}
		
	.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;} 
	
	.content.contentnarrow {float: none; width: 96%;}
	
	.contentbox {width: 88%; padding: 30px 6% 20px 6%;}
	.contentbox.page-id-1 {width: 90%; padding: 30px 5% 10px 5%;}		
	
	.contentbox.page-id-1 p, 
	.contentbox.page-id-1 li, 
	.contentbox.page-id-1 td {font-size: 22px; line-height: 120%;}
	
	.contentbox.page-id-2, 
	.contentbox.page-id-3, 
	.contentbox.page-id-4, 
	.contentbox.page-id-6 {padding-top: 100px;}
	
	.contentbox.page-id-10, .contentbox.page-id-10 h1 {width: 95%; margin-left: 5%; padding-left: 0%; padding-right: 0%;}
	.contentbox.page-id-10 h1 {margin-left: 3%;}
	
	.container {padding-top: 2px;}		
	.mainbox .contentwide  {width:96%; margin:0 0 0 2%; padding-top: 50px;}
	.content, .top_content {width:100%; margin:0; padding:0; float: none; }
	
	h1 {font-size: 30px; }
	h2 {font-size: 24px; margin-top: 10px; line-height: 120%;}
	h3 {font-size: 20px;}	
	.contentbox.page-id-1 h1 {width: 70%; padding-right: 30%; margin: 20px 0 80px 0%; font-size: 30px; di splay: none}
	
	.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;}
		

	.infobox {min-height: 50px; width: 100%; margin: 0; padding: 0 0 25px 0; }
		
	.footerbox {padding-top: 20px;}
	/*.footerbox .right {float: none; width: 100%; padding: 0; text-align: center;}*/

	
	.toggleMobileMenu {display:block; float:right; width:15px; height:50px; margin: 35px 4% 0 0; padding-right: 20px; 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.png) no-repeat top right; }
	
	/*.topspacer {padding-top: 60px;}*/
	#XXtopparallax {padding-top: 50%; }
	

	
	/* Seite Start */
	.praxisbox {}
	.contentbox.page-id-1 {background-size: contain; background-position: 50px -20px;}
	
	.box-wrapper {float:none; width:auto; height:auto; margin-top: 0px; /*background: #eee;*/}

	.box-aktuelles {width: 70%; min-height: 0; margin: 15px 5%; padding: 20px 10%; background: #fff; color: #3fb499; border: 2px solid #3fb499;}
	.box-aktuelles h2 {color: #3fb499;}
	.box-aktuelles a {color: #3fb499;}
		
	.box-leistungen {width: 70%; min-height: 0; margin: 15px 5%; padding: 20px 10%; color: #fff; background: #1b4a7e;}
	.box-leistungen.desktop-only {display: none;}
	.box-leistungen.mobile-only {display: block;}
	.box-leistungen h2 {color: #fff;}
	.contentbox.page-id-1 .content .box-leistungen a {color: #fff;}
	.box-leistungen ul {margin-left: 0; padding-left: 0; }
	.box-leistungen ul li {list-style: none; /* url(img/dot-white.png); */}

	.box-service {width: 70%; min-height: auto; margin: 15px 5%; padding: 20px 10%;}
	.box-service.desktop-only {display: none;}
	.box-service.mobile-only {display: block;}
	
	.box-betriebsarzt {width: 70%; min-height: 0; margin: 15px 5%; padding: 20px 10%;}
	.box-betriebsarzt a {color: #fff;}
	.box-betriebsarzt ul li {list-style: url(img/dot-green.png);} 
	.box-betriebsarzt ul {margin-left: 0; padding-left: 0; }
	.box-betriebsarzt ul li {list-style: none; /* url(img/dot-white.png); */}
	
	.box-praxis {width: 70%; min-height: 0; margin: 15px 5%; padding: 20px 10%;}
	.box-praxis.desktop-only {display: none;}
	.box-praxis.mobile-only {display: block;}
	
	.box-kontakt {width: 70%; min-height: 0; margin: 15px 5%; padding: 20px 10%;}
	.box-kontakt h2 {margin-top: 25px;}
	img.logo100 {position: absolute; right: 3%; top: 15px; width: 10% !important;}
	
	.infobox h2 img {margin: 0 0 15px 1%;}
	
	
	/* Seiten: Leistungen, Betriebsarzt */ 
	.infobox-full.page-id-2, 
	.infobox-full.page-id-3 {padding-top: 50px;}
	.infobox-full .button-close {position: absolute; right: 0px; top: 10px;}
	
	
	/* Seite Team */
	.contentbox.page-id-14 .infobox-full .button-close {position: absolute;right: 0px;    top: 100px;}
	
	
	/* Formular */
	.aktuell-box {position: absolute; top: 20px; left: 5%; width: 75%; padding: 50px;}
	
	
	.footerbox {clear: both; width: 88%; max-width: 1280px;  padding: 20px 6% 20px 6%;}
	
	.footerbox .left, 
	.footerbox .center,
	.footerbox .right {float: none; width: 90%; margin: 0; padding: 20px 0%;}	
		
	.footerbox .left {padding-bottom: 0;}
	.footerbox .center {padding-top: 0;}
	.footerbox, .footerbox a, .footerbox p, .footer-title {font-size: 22px; line-height: 120%;}
	.footerbox span.desktop-only {display: none;}
	.footerbox .mobile-only {display: block; padding-left: 0; font-size: 0px; line-height: 0px;}
	.footerbox .impressum.mobile-only {display: block; padding: 20px 0 0 10%;}
	
	.bottombox {clear: both; width: 86%; padding: 5px 5% 5px 9%;}
	.bottombox .left {display: none;}
	.bottombox .right {float: none; width: 200px; margin: 0 auto;}
	
	hr {margin-bottom: 15px;}

	/* Turn off parallax scrolling for tablets and phones */
  .bgimg {background-attachment: scroll; }
}


/* ======================================================================
Smaller Screens */
@media screen and (max-width: 768px) {
	div {border: 0px solid green;}		
	
	h1 {font-size: 24px; }
	.contentbox.page-id-1 h1 {font-size: .8em; line-height: 24px; margin-bottom: 20px;}
	h2, .contentbox.page-id-1 h2 {font-size: 20px; margin-top: 10px;}
	h3 {font-size: 18px;}
	p, li, td {font-size: .8em;}
	
	#topmenubox a.logo img, #topmenubox.reduced a.logo img {max-height:80%; max-width:100%; position: absolute; left: 0%; top: 10px;}

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

	.contentbox.page-id-1 h6 {font-size: .7em;}
	
	.aktuell-box {width: 80%; padding: 10px 5%;}
	
	img.logo100 {position: absolute; right: 3%; top: 15px; width: 15% !important;}
	
	/* Seite Team */
	.infobox h2 {display: inline-block; width: 100%;}
	.infobox h2 img {float: left; margin: 15px 50% 10px 0;}
	.infobox-full {padding-top: 30px;}	
	.contentbox.page-id-14 .infobox-full .button-close {position: absolute;right: 0px;    top: 10px;}

}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 480px) {
	div {border: 0px dotted blue;}
	
	.contentbox.page-id-1 {width: 88%; padding: 30px 6% 10px 6%; background-size: contain; background-position: 30px 10px;}
	
	#topparallax .ptext {bottom:0; }

	h1, .contentbox.page-id-1 h1 {font-size: 18px; line-height: 24px; margin-bottom: 20px;}
	h2, .contentbox.page-id-1 h2 {font-size: 15px;}
	h3 {font-size: 18px;}
	
	p, li, td, address {font-size: 18px;}
	.contentbox.page-id-1 p, 
	.contentbox.page-id-1 li, 
	.contentbox.page-id-1 td {font-size: 18px; line-height: 120%;}
	
	.contentbox.page-id-2, 
	.contentbox.page-id-3, 
	.contentbox.page-id-4, 
	.contentbox.page-id-6 {padding-top: 80px;}

	.box-aktuelles,
	.box-leistungen,
	.box-service,
	.box-betriebsarzt,
	.box-praxis,
	.box-kontakt {width: 90%; margin: 15px 0%; padding: 20px 5%;}
	
	.footerbox .left, 
	.footerbox .center,
	.footerbox .right {width: 90%; margin: 0; padding: 20px 0%;}
	
	.footerbox, 
	.footerbox a, 
	.footerbox p, 
	.footer-title {font-size: 18px; line-height: 120%;}
	
	.footerbox .left {padding-bottom: 0;}
	.footerbox .center {padding-top: 0;}


	.footerbox .mobile-only {padding-left: 0%;}
}



/* ====================================================================== */
#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;
}
@media screen and (max-width: 1024px) {
	
	.box-aktuelles.desktop-only {display: none;}
	.box-aktuelles.mobile-only {display: block;}
	#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 {
  position: relative;
  /*min-height: 750px; */
}

/* Slides */
.mySlides {
  display: none;
  min-height: 410px;
  padding-top: 2px;  
}
.contentbox.page-id-1 .mySlides p {font-size: 25px; line-height: 120%;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  /*top: 50%;*/ bottom: 0px;
  width: auto;
  padding-bottom: 15px;
  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;
}
.contentbox.page-id-1 .content .box-aktuelles a {color: #3fb499;}
.contentbox.page-id-1 .content .box-aktuelles a.prev, 
.contentbox.page-id-1 .content .box-aktuelles a.next {color: #fff;}

/* 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: 1280px) {
	div {border: 0px solid red;}
	
	.mySlides.bg-none {padding: 50px 15% 10px 15%; min-height: 750px;}
}

@media screen and (max-width: 1170px) {
	div {border: 0px solid blue;}
	
	.contentbox.page-id-1 .mySlides p {font-size: 22px; line-height: 120%;}
}

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

	.mySlides {min-height: 250px; padding-bottom: 50px;}
	.contentbox.page-id-1 .mySlides p {font-size: 22px; line-height: 120%;}
	.contentbox.page-id-1 .content .box-aktuelles a.prev, 
	.contentbox.page-id-1 .content .box-aktuelles a.next {color: #3fb499;}
}

@media screen and (max-width: 768px) {
	div {border: 0px solid green;}	
	
	.mySlides h2 {font-size: 20px; line-height: 30px; margin-bottom: 0; }	

}	

@media screen and (max-width: 480px) {
	div {border: 0px solid blue;}
	
	.myslides h2 {font-size: 20px; line-height: 24px; margin: 20px 0;}
	.contentbox.page-id-1 .mySlides p {font-size: 20px; line-height: 120%;}
	
	.mySlides {padding: 10pxpx 10% 10px 10%; min-height: 300px;}
	.mySlides.bg-none {padding: 30px 10% 10px 10%;}
	.button-wrapper {margin: 20px auto; }
	
}	
/* --- --- */


/* ---------- Kontakt-Bar ---------- */
.kontakt-bar {
	z-index: 999;
	position: fixed; top: 40%; left: -2px;
	display: block;
	width: 70px; 
	border: 0px solid red;
}
.kontakt-bar a {
	display: block;
	width: 70px; height: 175px;
/*
	-moz-box-shadow: 1px 1px 10px #ddd;
	-webkit-box-shadow: 1px 1px 10px #ddd;
	box-shadow: 1px 1px 10px #ddd;
*/
}
.kontakt-bar a {
	width: 70px;
	background: url(img/kontakt-bar.png) 0 0 no-repeat;	
	background-position: -10px 0px;	
	background-size: contain;	
	transition:0.5s all;
}

.kontakt-bar a:hover {width: 70px; background-position: 0px 0px; transition:0.5s all;	}
/*.markt-mobile {display: none;}*/

@media screen and (max-width: 1200px) {
	/*.kontakt-bar {display:none;}*/	
	.kontakt-bar a {width: 70px; height: 125px;}
}	

@media screen and (max-width: 768px) {
	.kontakt-bar {position: fixed; top: 110px; left: -2px;}
	.kontakt-bar a {width: 70px; height: 100px;}

}	

/* Cookie */
.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-revoke {display: none!important;}