* {
	margin: 0;
	padding: 0;
}
body, html { overflow-x: hidden; }
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'texgyreadventorregular';
	font-size: 15px;
	background-attachment: fixed;
	color: #000;
}
body.bgindex {
	background: url('../images/index.jpg') no-repeat top center rgba(255, 155, 0, 1);
}
body.bg1 {
	background: url('../images/panthermedia_2093655_800x532.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg2 {
	background: url('../images/anfahrt%20praxis.jpg') no-repeat top center rgba(255, 155, 0, 1);
}
body.bg3 {
	background: url('../images/rezi%20neu3%20background.jpg') no-repeat top center rgba(255, 155, 0, 1);
}
body.bg4 {
	background: url('../images/panthermedia_2177675_800x600.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg5 {
	background: url('../images/contact_page_background _3070151.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg6 {
	background: url('../images/leistungen.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg7 {
	background: url('../images/panthermedia_943243_800x535.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg8 {
	background: url('../images/anfahrt%20praxis.jpg') no-repeat top center rgba(255, 155, 0, 1);
}
body.bg9 {
	background: url('../images/panthermedia_3022448_800x533.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg10 {
	background: url('../images/CIMG1536.JPG') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg11 {
	background: url('../images/panthermedia_1933239_800x531.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
body.bg12 {
	background: url('../images/panthermedia_3940755_800x533.jpg') no-repeat top center rgba(255, 155, 0, 1);
	background-size: 1024px;
}
a {
	color: #1122CC;
	font-size: 15px;
	text-decoration: underline;
	position: relative;
}
a:hover {
	color: rgba(255, 155, 0, 1);
	font-size: 15px;
	text-decoration: underline;
}
.on-orange {
	white-space: nowrap;
}
.orange{
	color: rgba(255, 155, 0, 1);
}
.on-orange:hover {
	color: #1122CC;
}
span.tt {
	display: none;
}
a:hover span.tt {
	position: absolute;
	display: block;
	position: absolute;
	background-color: #fff;
	color: #000;
	border: 1px solid #363;
	margin: 0;
	top: -32px;
	left: 0px;
}
.pagelink {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}
.pagelink:hover {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	color: rgba(255, 155, 0, 1);
	text-decoration: underline;
}
.logo {
	color: #ebca00;
	font-size: 36px;
	font-style: italic;
	margin-top: 30px;
	/*padding: 0 30px;
	background: rgba(255, 255, 255, 0.8);*/
	text-align: center;
}
.logo.home {
	padding: 0 30px;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
}
.logo span {
	/*color: orange!important;
	text-shadow: 2px 2px 0 black;*/
}
.logo.home span {
	/*color: orange!important;*/
	/*text-shadow: 2px 2px 0 black;*/
}
.center {
	text-align: center;
}
.author {
	color: #ebca00;
}
#container {
	width: 800px;
	margin: 0 auto;
}
#sidebar1 {
	float: left;
	/*width: 543px;
	height: 563px;*/
	width: 66%;
	/*background: url(images/leftBackground.png) repeat-y left top;*/
	background: rgba(255, 255, 255, 0.8);
}
#sidebar1 p {
	padding: 10px 20px;
}
#sidebar1 ul {
	padding: 0 0 0 32px;
}
#sidebar2 {
	/*float: none;*/
	margin: 0 auto;
	overflow: hidden;
	/*width: 800px;*/
	/*background: url(images/leftBackground.png) repeat left top;*/
	background: rgba(255, 255, 255, 0.8);
}
#sidebar2 p {
	padding: 10px 20px;
}
#sidebar2 ul {
	padding: 0 0 0 32px;
}
.edited li {
	line-height: 2;
}
h1 {
	font-size: 36px;
	font-style: italic;
}
h2 {
	color: #000000;
	padding: 0 0 0 0;
}
#sidebar1 h2 {
	padding: 20px;
}
#sidebar1 li {
	list-style: square;
	padding: 2px 0;
}
#mainContent {
	/*height: 563px;*/
	/*background: url('images/rightBackground.png') repeat-y left top;
	margin: 0 0 0 571px;*/
	background: rgba(255, 155, 0, 0.8);
	float: right;
	/*width: 229px;
	margin-left: 28px;*/
	width: 32%;
	margin-left: 2%;
	padding-bottom: 20px;
}
#mainContent p {
	padding: 20px 20px 5px;
}
#mainContent li {
	list-style: none;
	padding: 7px 0;
}
#mainContent ul {
	padding: 0 20px;
}
#footer {
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	padding: 20px 0;
	margin-top: 30px;
	background: rgba(255, 255, 255, 0.6);
}
#footer a {
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	text-decoration: underline;
}
#footer2 {
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}
#footer2 a {
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	text-decoration: underline;
}
#body2 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
}
#body2 a {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	text-decoration: underline;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
.menu {
	/*background: url(images/TopBackground.png) repeat-x left top;*/
	margin: 20px 0;
	padding: 10px 0;
	background: rgba(255, 255, 255, 0.8);
}
/*.logo + .menu {
	margin: 0 0 20px 0;
}*/
.logo.home + .menu {
	margin: 0 0 20px 0;
}
.menu ul {
	text-align: center;
	margin: 0;
}
.menu li {
	list-style: none;
	display: inline;
	padding: 0px 20px;
}
.menu li a {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
}
.menu li a:hover, .menu #active a {
	color: rgba(255, 155, 0, 1);
	font-size: 24px;
	text-decoration: none;
}
#middlebottom {
	/*background: url('images/TopBackground.png') repeat-x left top;*/
	/*margin: 20px 0;
	padding: 10px 0;*/
	width: 100%;
	float: left;
	clear: both;
}
.praxis {
	float: left;
	width: 100%;
}
.praxis > div {
	width: calc(50% - 40px);
	margin: 20px;
	/*height: 210px;*/
	overflow: hidden;
	float: left;
	position: relative;
}
.praxis img {
	/*width: 314px;*/
	width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
}
.figure a {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	color: black;
	text-decoration: none;
}
.figure:hover a {
	display: block;
}
h2 {
	padding: 0 0 20px;
	font-weight: bold;
}
#sidebar2 > ul {
	margin-bottom: 20px;
}
#sidebar2 > div {
	padding: 20px;
	overflow: hidden;
	/*float: left;
	clear: both;*/
}
#sidebar2 iframe {
	width: 100%;
	height: 400px;
	border: 0;
}
.left-col,
.right-col {
	width: calc(50% - 15px);
	float: left;
}
.left-col {
	margin-right: 15px;
}
.right-col {
	margin-left: 15px;
}
#contact-form {
	width: 100%;
	float: left;
}
#contact-form input:not(.btn),
#contact-form textarea,
#contact-form label,
#contact-form .btns {
	float: left;
	clear: left;
	margin: 3px 0 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contact-form label,
#contact-form .btn {
	font-size: 15px;
	font-weight: bold;
	color: rgba(255, 155, 0, 1);
}
#contact-form .btn {
	background: #ffffff;
	cursor: pointer;
}
#contact-form .btn:hover {
	color: black;
}
#contact-form input:not(.btn),
#contact-form textarea,
#contact-form .btn {
	padding: 5px 10px;
	font-family: inherit;
	border: 1px solid #e0e0e0;
}
#contact-form input:not(.btn),
#contact-form textarea {
	width: 66%;
}
#contact-form textarea {
	height: 200px;
}
.error {
	text-align: center;
	margin-bottom: 20px;
}
.error span {
	font-size: 18px;
}
.seo-stuff {
	float: left;
}
.imp-link,
.imp-link:hover {
	font-size: 13px!important;
	text-align: center;
	color: black;
}
.imp-link:hover {
	text-decoration: none!important;
}
#sidebar2 > .impressum-content {
	padding: 0 20px;
}
.impressum-content h3 {
	font: normal normal normal 30px/1.5 'texgyreadventorregular';
}
.impressum-content h4 {
	font: normal normal normal 21px/1.5 'texgyreadventorregular';
}
.impressum-content > div {
	margin: 0 0 20px 0;
}
#sidebar2 .impressum-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar2 .impressum-content p {
	padding: 0;
	margin: 0 0 20px 0;
}

.cookie-cont {
	background: #123;
	color: white;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
.cookie-inner {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 0;
}
.cookie-text {
	display: inline-block;
	font-size: 14px;
	width: calc(100% - 100px);
	line-height: 1.5;
}
.cookie-close {
	float: right;
	margin: 5px 0 0;
	padding: 4px 7px;
	border: none;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.2);
	color: white;
	transition: all 0.2s ease;
}
.cookie-close:hover {
	background: rgba(255, 255, 255, 0.3);
}

@media only screen and (min-device-width: 480px) and (max-device-width: 979px) {
	#container {
		width: 100%;
		margin: 0 auto;
	}
	.logo,
	.logo h1 {
		font-size: 25px;
	}
	.menu li {
		padding: 0 5px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	/*body {
		background-image: none!important;
	}
	.logo {
		background: rgba(255, 255, 255, 0.8);
	}*/
	#sidebar1,
	#mainContent {
		width: 50%;
		margin: 0;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
	/*body {
		background-image: none!important;
	}*/
	#container {
		width: 100%;
		margin: 0 auto;
	}
	.logo {
		padding-left: 5px;
		/*background: rgba(255, 255, 255, 0.8);*/
	}
	.logo,
	.logo h1,
	.not-break {
		font-size: 18px;
	}
	.menu li {
		padding: 3px 3px 3px 20px;
		display: block;
		text-align: left;
	}
	.menu li a,
	.menu li a:hover,
	.menu #active a {
		display: block;
		font-size: 18px;
		font-weight: normal;
		width: 100%;
	}
	#sidebar1,
	#mainContent {
		width: 100%;
		margin: 0;
	}
	.responsive {
		width: 100%;
	}
	.left-col,
	.right-col {
		width: calc(100% - 15px);
		margin: 15px;
	}
	#contact-form input:not(.btn),
	#contact-form textarea {
		width: 100%;
	}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {

}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

	.menu li {
		padding: 3px 3px 3px 20px;
		display: block;
		text-align: left;
	}
	.menu li a,
	.menu li a:hover,
	.menu #active a {
		display: block;
		font-size: 18px;
		font-weight: normal;
		width: 100%;
	}
}
@media only screen and (max-device-width: 639px) {
	body,
	#mainContent {
		background: rgba(255, 120, 0, 1);
	}
	.menu li a:hover,
	.menu #active a,
	#contact-form label,
	#contact-form .btn,
	.orange {
		color: rgba(255, 120, 0, 1);
	}
	.praxis > div {
		width: calc(100% - 20px);
		margin: 10px;
	}
	.praxis img {
		width: 100%;
	}
}
@media only screen and (min-device-width: 980px) {
	.praxis img {
		width: 340px;
	}
}
@media print {
	@page {
		size: auto;
		margin: 1cm;
	}
	html {
		width: 100%;
		height: auto;
	}
	body {
		background: none!important;
		width: 100%;
		height: auto;
	}
	.logo,
	.logo h1 {
		font-size: 24px;
	}
	.logo {
		margin: 0 0 0 20px;
	}
	#sidebar2 {
		width: 100%;
		float: none;
	}
	#sidebar2 iframe {
		height: 5.5cm;
	}
	.menu,
	#middlebottom2,
	#footer,
	.clearfloat,
	.hide-on-print {
		display: none;
	}
	.left-col,
	.right-col {
		width: 90%;
		margin: 0;
		font-size: 8pt!important;
		float: none;
	}
}
