@charset "utf-8";
*{
margin:0;
padding:0;
}
html{
height:100%;
margin-bottom:-1px;
overflow-y:scroll;
max-height:100%;
}
span.marker {
color: #58ff00;
}
body{
background:#fff;
text-align:left;
font-weight:normal;
font-family:Arial,sans-serif;
font-size:18px;
color:#ffffff;
line-height:1.5em;
height:100%;
max-height:100%;
margin:0 auto;
}

.active {
    text-decoration: none;
    border-bottom: 2px solid #3c3c3c;
}
.section {
    height: 100vh;
}
img{
border:0 solid;
max-width: 100%
}
p{
margin:0 0 1em 0;
}
ul,ol,dl{
margin:1em 0 1em 2em;
}
li{
line-height:1.7em;
margin-left:0;
}
dd{
margin:0 0 1em 2em;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:block;
}
#ie_clearing{
display:none;
}
.skip{
position:absolute;
top:-1000em;
left:-1000em;
}
.subcolumns{display:table;width:100%;table-layout:fixed;}
.c14l,.c15l,.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c55l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left;}
.c14r,.c15r,.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c55r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px;}
.c14l,.c14r{width:14%;}
.c15l,.c15r{width:15%;}
.c20l,.c20r{width:20%;}
.c40l,.c40r{width:40%;}
.c60l,.c60r{width:60%;}
.c80l,.c80r{width:80%;}
.c25l,.c25r{width:25%;}
.c33l,.c33r{width:33.333%;}
.c50l,.c50r{width:50%;}
.c55l,.c55r{width:55%;}
.c66l,.c66r{width:66.666%;}
.c75l,.c75r{width:75%;}
.c38l,.c38r{width:38.2%;}
.c62l,.c62r{width:61.8%;}
.subc{padding:0 0.5em;}
.subcl{padding:0 1em 0 0;}
.subcr{padding:0 0 0 1em;}
.c55l{
margin-right:20px;
}
.edit_toolbar{
position:fixed;
}
td{
vertical-align:top;
}
strong{
color:#ffffff;
}
.page_margins{
margin:0 auto;
max-width:1200px;
position:relative;
}

.container{
margin:0 auto;
padding-top: 150px;
padding-bottom: 150px;
max-width:1040px;
position:relative;
transition: all 0.5s;
}
body a{
color:#ffffff;
text-decoration:none;
}
body a:hover{
text-decoration:underline;
}
.main{
margin: 160px auto;
padding-top: 40px;
padding-bottom: 30px;
/*background-color: #ffffff;*/
position: relative;
max-width: 1200px;
min-height:calc(100vh - 444px);

}


#head{
position:fixed;
width:100%;
height:100px;
top:0;
z-index:100;
}
.logo{
margin-top: 20px;
text-align:center;
float:left;
margin-left: 20px;
}

#nav-dz {
position: absolute;
right: 20px;
top: 60px;
font-size: 16px;
}
#nav-dz a {
margin: 0 5px;
padding:5px;
color: #3c3c3c;
}
#nav-dz a:hover {
border-bottom:2px solid #3c3c3c;
text-decoration: none;
}







h1{
color:#ffffff;
font:normal 55px Arial,sans-serif,sans-serif;
margin:5px 0 0 0;
padding-bottom:15px;
line-height: 1.4em;
}
h2{
color:#58ff00;
font:bold 40px Arial,sans-serif,sans-serif;
padding-bottom:30px;
line-height: 1.4em;
}
h3{
color:#58ff00;
font:bold 20px Arial,sans-serif,sans-serif;
padding-bottom:10px;
}
h4{
color:#3c3c3c;
font:bold 18px Arial,sans-serif,sans-serif;
padding-bottom:15px;
}


.contenttype_cms{
/*background-color: rgba(255, 255, 255, 0.76);*/
background-color: rgba(20, 20, 20, 0.30);
background-image: url(/stream/images/layout/yingyang.png);
background-repeat: no-repeat;
background-position: center center;
border:2px solid #58ff00;
padding: 70px 50px 35px 50px;
min-height: 600px;

margin: 0 20px;
}





.tb_image.align_right{
margin-left:20px;
margin-top:5px;
}
.tb_image.align_top{
margin-bottom:15px;
}



.block_content.text{
margin-bottom:3em;
}
.block_content.contactform{
line-height:135%;
}
#col3 .tb_image{
display:block;
width: 100%;
}

#head #background,#head #labels{
position:absolute;
top:0px;
width:100%;
/*height:100%;*/
}
#head #labels{
background-color: rgba(255, 255, 255, 0.60);
}
#head #background{
background-color:#fff;
display:none;
box-shadow:1px 4px 8px rgba(188,188,188,0.5);
}
#social a:hover{
opacity:0.7;
}
#wrap{
min-height:100% !important;
height:auto !important;
height:100%;
margin:0 auto -580px;
}
#push{
height:580px;
font-size:0;
line-height:0;
}
.subcl{
padding:0;
}
.subc{
padding:0;
}
.subcr{
padding:0;
}

#callback input:focus{
border:1px solid #3c3c3c;
background:#303030;
}
#callback_text{
height:100px;
line-height:150%;
resize:vertical;
}
#callback_formular [type="submit"]{
font-family:'Open Sans',Arial,Helvetica,sans-serif;
width:100%;
background:#8f8f8f;
border-radius:0px;
border:0;
cursor:pointer;
color:white;
font-size:24px;
padding-top:10px;
padding-bottom:10px;
transition:all 0.3s;
margin-top:-4px;
font-weight:700;
}
#callback_formular [type="submit"]:hover{
background:#3c3c3c;
}
.btn:hover{
background:#83796e;
text-decoration:none;
}
.btn_w:hover{
background:#fff;
text-decoration:none;
color:#3c3c3c;
}
table.standard{
width:100%;
max-width:100%;
margin-bottom:20px;
}
table.standard a{
color:#4c4c4c;
}
table.standard td,
table.standard th{
padding:5px;
font-size:15px;
vertical-align:top;
background:#f2f2f2;
}
table.standard th{
height:20px;
text-align:left;
font-size:13px;
text-shadow:1px 1px 0px #fff;
vertical-align:middle;
color:#3c3c3c;
background:#f9f9f9;
background:linear-gradient(to bottom,#f9f9f9 38%,#ededed 72%,#e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#e2e2e2',GradientType=0 );
}
table.standard p{
margin:0;
}
table.standard tr:nth-child(even) td{
background:#FFF !important;
}
#head.head-mini .logo2{
opacity:1;
}
.c50l,.c50r{
width:47%;
}
/*.block_content.sitemap h1,
.contenttype_search h1{
display:none;
}*/
#kontakt{
position: absolute;
z-index: 99;
top: 10px;
right: 34px;
color: #3c3c3c;
font-size: 15px;
}
#kontakt a {
	color: #3c3c3c;
}



#datenschutz{
padding:15px;
text-align:center;
font-family:'Open sans', Arial,sans-serif;
font-size:14px;
color:#ffffff;
background:#2c3e50;
}
#datenschutz a{
color:#ffffff;
font-weight:normal;
}
#datenschutz a:hover{
text-decoration:none;
color:#ffffff;
}


/*https://www.akupunktur-tcm-dr-zhan.de*/
body#default #Dr_Zhan,
body#default #Teil,
body#default #Indikation,
body#default #Leistungen,
body#default #Liquidation,
body#default #Kontakt{
display:none;
}

body#default #home {
	background: #fff !important;
}


body#layout_1col #Dr_Zhan,
body#layout_1col #Teil,
body#layout_1col #Indikation,
body#layout_1col #Leistungen,
body#layout_1col #Liquidation,
body#layout_1col #Kontakt{
display:none;
}

body#layout_1col #block_content,
/* body#layout_1col .block_content.datenschutz{
background-color: rgba(20, 20, 20, 0.30);
background-image: url(/stream/images/layout/yingyang.png);
background-repeat: no-repeat;
background-position: center center;
border:2px solid #58ff00;
padding: 70px 50px 35px 50px;
min-height: 600px;

margin: 0 20px;
} */

body#layout_1col #Home {
	background: url(/stream/images/layout/impressum.jpg) no-repeat center center;
}

/*body#layout_1col .container .contenttype_cms  {
	background-image: none;
	border:none;
	padding: 70px 0px 35px 0px;
}*/

body#layout_1col .container .contenttype_cms  {
background-color: rgba(20, 20, 20, 0.30);
background-image: url(/stream/images/layout/yingyang.png);
background-repeat: no-repeat;
background-position: center center;
border:2px solid #58ff00;
padding: 70px 50px 35px 50px;
min-height: 600px;
}

body#intropage .main {
	display: none;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.1s;
    padding: 30px 0;
    color: #818181;
}

.sidenav .content {
	padding: 65px 25px 60px 25px;
}

.sidenav a {
    padding: 8px 8px 8px 0px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    /* display: block; */
    transition: 0.3s;

    line-height:40px;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #000000;
    text-decoration: none;
}

.sidenav .closebtn {
    position: absolute;
    top: 5px;
	right: 5px;
	font-size: 35px;
    margin-left: 50px;
}

.sidenav .closebtn span {
	font-size: 18px;
	vertical-align: middle
}

.sidenav name {
	font-weight: bold;
	color: #000000;
	font-size: 22px;
}

.sidenav h2 {
	color: #000000;
	margin: 0 0 22px 0;
	font: bold 22px 'Roboto', sans-serif;
}

.sidenav h4 {
	color: #000000;
	margin: 0;
	font: bold 16px 'Roboto', sans-serif;
}

.opennav {
	position: fixed;
	top: 55px;
	z-index: 1;
	right: 20px;
	font-size: 22px;
}


@media only screen and (min-width :1200px){

	.opennav{
		display:none;
	}
}

@media only screen and (max-width :1200px){

	#nav-dz{
		display:none;
	}

	body#layout_1col #Home {
		background: none !important;
	}
}

@media only screen and (max-width :1000px){

	#kontakt {
		display: none;
	}

	.logo{
	margin-top: 30px;
	text-align:center;
	float:left;
	margin-left: 20px;
	}

	.logo img {
		width: 230px;
	}


}



@media only screen and (max-width :400px){

	#kontakt {
		display: none;
	}

	.logo{
	margin-top: 20px;
	margin-bottom: 10px;
	text-align:center;
	float:left;
	margin-left: 20px;
	}

	.logo img {
		width: 200px;
	}

	.opennav {
	position: fixed;
	top: 24px;
	z-index: 1;
	right: 20px;
	font-size: 22px;
	}

	#block_content img {
	width: 100% !important;
	height: 100% !important;
	margin-left: 0;
	margin-top: 0;
	}

	#head #labels {
	background-color: rgba(255, 255, 255, 1);
	}

	h1 {
	font: normal 30px Arial,sans-serif,sans-serif;
	}

	h2 {
	font: bold 30px Arial,sans-serif,sans-serif;
	}

	.c50l,.c50r {
		width:100%;
		float: none;
	}

	.container .contenttype_cms {
		padding: 40px 25px 35px 25px;
	}

}