/*
Theme Name: Heilraum
Description: Child theme von ari für Thomas Riedel / Heilraum
Author: Bettina Grohnert
Template: ari
*/

@import url("../ari/style.css");

body {
	background-color: #d3d1b6 !important;
	font-family: arial;
	font-size: 0.8em;
	font-weight: 300;
}
#wrap {
	background-color: #FFFFFF !important;
	position:relative;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 80px;
}
#footer {
	width: 100%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
}
strong, h1, h2, .Untertitel, li.current-menu-item a, ul.sidebar a:hover {	/* rot */
    color: #af292e !important;
    font-weight: 600;
}
p.impressumpflicht {
	font-size: 80% !important;
	line-height: 120% !important;
	/* font-style: normal;	*/
}

.main {
	margin-top: 7px;
	width: 100%;
	padding-right: 20px;
}
#top-right, #main p, #main h1, #main h2, #main h3, #main table, #pmapc, #gmeg_map_canvas, #zusatztext
 {
	float: right;
	font-size: 100%;
	line-height: 1.2em !important;
}
.Thomas, .Riedel {font-size:  46px;	line-height: 50px;}
.Untertitel {font-size: 120%;}
#logo1 img {margin-top: 7px;}

@media all and (max-width: 600px) {	/* Mobiles */
	#top-right, #main p, #main h1, #main h2, #main h3, #main table, #pmapc, #gmeg_map_canvas {width: 50% !important;}
	.Thomas, .Riedel {font-size:  36px;	line-height: 40px !important;}
	.Untertitel {font-size: 100% !important;}
}
#main h1, #main h2, #main h3, #main h4 {
	margin-top: 0px;
}

#top-right {
	height: 80px;
	display: table;
	margin-right: 30px;
}

#logo1 {
	margin-top: 80px !important;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 80px !important;
	float: left;
	height: 80px;
}
#logo1 img {
	float: right;
}
.Thomas {
	color: #ccc;
}
.Riedel {
	color: #6d6f72;
}
.Thomas, .Riedel {
	font-weight: 900;
}

.Untertitel {
	text-align: justify;
	font-weight: bold;
	float: left;
}
.menu {
	font-size: 200%;
	line-height: 40px;
	font-weight: 900;
}
ul.sidebar a:hover {
	text-decoration: none;
}
/* die Menupunkte */
li.home a{	color:#ccc;}
li.diagnose a{ color:#cfcecc;}
li.therapien a{ color:#bababa;}
li.kurse a{ color:#b6b6b8;}
li.vita a{ color:#97989a;}
li.kosten a{ color:#6d6f72;}
li.links a{ color:#64666b;}
li.kontakt a{ color:#484334;}
.hr-sidebar {
	width: 58%;
	padding-left: 60px;
}
.bildband {
	background-color: #c2bc8b;
	height: 125px;
	clear: both;
}
.bildband img {
	float: right;
}
.clear {
	clear: both;
}
.page-content {
	display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden;
}

.widget_polylang ul li { float:left;  }
.widget_polylang ul li a { display: block; padding: 10px; }


/* keine dotted bottoms */
#page {
	border-bottom:0px dotted #4C4C4C;
        padding-top:27px !important;
}
ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
    margin:0px 0px 30px 0px;
    padding:0px 0px 10px 0px;
    border-bottom:0px dotted #4C4C4C !important;
    overflow:hidden;
    line-height:23px;
}
#page td.vdat {
	width: 110px;
	padding: 5px;
}
a {
	color: #266D23;
}
iframe {
	max-width: 100%;
}
#sidebar-secondary {
    width: 98%  !important;
}
#sidebar-secondary ul.sidebar {
	float: right;
}
@media screen and (min-width: 769px) {
#zusatztext {
	float:right;
	padding-top: 50px;
	margin-bottom: 50px;
/*
	max-width: 600px;
	padding-left: 30px;
	*/
}
}
@media screen and (max-width: 870px) {

	#sidebar-secondary {
		margin:0px !important;
		padding:0px !important;
	}
}
@media screen and (max-width: 768px) {

	#sidebar-secondary {
		margin:0px !important;
		padding:0px !important;
	}

	.hr-sidebar {
		display: none;
	}

	.main, .page-content .zusatztext {
		width: 100%;
		max-width: 100%;
		padding: 30px;
	}
	body {
		font-size: 1.2em;
	}
}