/* Color Theme Swatches in Hex */
.Chinese-herbal-medicine-selection-on-calligraphy-background-1-hex { color: #D9AC84; }
.Chinese-herbal-medicine-selection-on-calligraphy-background-2-hex { color: #F2CEAE; }
.Chinese-herbal-medicine-selection-on-calligraphy-background-3-hex { color: #59321B; }
.Chinese-herbal-medicine-selection-on-calligraphy-background-4-hex { color: #A64724; }
.Chinese-herbal-medicine-selection-on-calligraphy-background-5-hex { color: #BF2C2C; }

/* Color Theme Swatches in RGBA */
.Chinese-herbal-medicine-selection-on-calligraphy-background-1-rgba { color: rgba(216, 171, 132, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-2-rgba { color: rgba(242, 206, 174, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-3-rgba { color: rgba(89, 49, 26, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-4-rgba { color: rgba(165, 70, 36, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-5-rgba { color: rgba(191, 43, 43, 1); }

/* Color Theme Swatches in HSLA */
.Chinese-herbal-medicine-selection-on-calligraphy-background-1-hsla { color: hsla(28, 52, 68, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-2-hsla { color: hsla(28, 72, 81, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-3-hsla { color: hsla(22, 53, 22, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-4-hsla { color: hsla(16, 63, 39, 1); }
.Chinese-herbal-medicine-selection-on-calligraphy-background-5-hsla { color: hsla(0, 62, 46, 1); }

body{
	font-family: 'Open Sans', sans-serif;
	background-color: #fcfdfe;
}
*, :after, :before {
	box-sizing: border-box;
}

a{
	text-decoration: none;
	color: #59321B;
}

a:hover{
	text-decoration: none;
	color: #BF2C2C;
}

a.active{
	text-decoration: none;
	color: #BF2C2C;
}

.tsolis-banner a:hover
{
	color:#F2CEAE;
}

img {
	vertical-align: middle;
	border-style: none;
}



.tsh{
	text-shadow: 6px 0px 5px rgba(255,255,255,0.7);
	
	
}

.tsolis-nav{
	position: absolute;
	z-index: 50;
	top:0;
	left: 0;
	width: 100%;
	padding: 20px 0;
}


.tsolis-header-gradient {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: 50%;
	justify-content: 50%;
	-ms-flex-align: center;
	align-items: center;
	height: 800px;
	background-image: url(/fileadmin/images/header.jpg);
	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.tsolis-banner{
	background-color: #BF2C2C;
	padding: 10px;
}

.tsolis-bottom-gradient {
	display: -ms-flexbox;
	display: flex;
	background:black;
	position: relative;
}



.tsolis-character
{
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}

.tsolis-wave
{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;

}

.tsolis-wave-bottom
{
	position: absolute;
	top: 0;
	left: 0;
}

.tsolis-portrait-2
{
	position: absolute;
	top: 120px;
	left: 86px;

}

.tsolis-portrait-3
{
	position: absolute;
	top: 120px;
	right: 86px;
}






.tsolis-bar-holder
{
	background-color:white;
	padding:10px;
	border-radius:5px;
}



.c_brand{color:;}
.c-white{color: white;}

.c-red{color: #BF2C2C; border}

.bg-white{background-color: white;}

.ff-M{font-family: 'Anton', sans-serif; font-weight: 400;}

.spacer-10{height: 10px;width: 100%;clear: both;display: block;}
.spacer-20{height: 20px;width: 100%;clear: both;display: block;}
.spacer-40{height: 40px;width: 100%;clear: both;display: block;}
.spacer-60{height: 60px;width: 100%;clear: both;display: block;}
.spacer-80{height: 80px;width: 100%;clear: both;display: block;}
.spacer-120{height: 120px;width: 100%;clear: both;display: block;}

.line{background-color: #BF2C2C; height: 4px; width: 10%; margin: 10px auto 0 auto;}


.btn-lets-talk{
	background-color: #004584;
	color: white;
	padding:  15px 50px;
	border-radius: 5px;

	transition: all .1s ease-in-out;
}

.btn-lets-talk:hover{
border-radius:30px;
background-color: #4493d6;
color: white;
}

.activex
{
	background-color: #004584;
	border-radius: 50%;
	position: absolute;
}

.ts-work-wrapper {
	border-radius: 10px;
	box-shadow: 0 70px 140px 0 rgba(130,136,171,.2);
}

.ul-ls-none li{list-style: none;}

ul.main-nav {
	
	padding: 5px 10px !important;
	margin: 0 !important;
}

ul.main-nav li
{
	list-style: none;
	margin: 0 0 10px 20px;
	text-align: center;
}

ul.main-nav li a
{
	color: white;	
	font-size: 1.2em;
	padding: 5px;
	border-radius: 5px;
	
}

ul.main-nav li a:hover
{
	background-color: white;
	color:#BF2C2C;
}


ul.main-nav li a.btn-primary
{
	background-color:white !important;
	color:#bf2c2c;
	font-weight:bold;
}


/* #content ul li
{
	list-style: 
} */

.tsolis-close{
	position: absolute;
	right: 20px;
	top: 20px;
}


.main-nav-holder
{
	z-index: 2;
	opacity:0;
	transition: all 1s;
   -webkit-transition: all 1s;
}

.main-nav-holder-active
{
	z-index: 100;
	opacity:1;
	background-color: white;
}


.spacer-img-herbs
{
	background-image: url(/fileadmin/images/spacer_1.jpg);
	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 400px;
}


.spacer-img-acupuncture
{
	background-image: url(/fileadmin/images/spacer_2.jpg);
	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 400px;
}



/*
.massages{

	
	background-image: url(/fileadmin/images/massages.jpg);
	position: relative;
	background-position: bottom left;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
*/

.massages{
	background-color: white;
	}

/*
.acupuncture
{

	background-image: url(/fileadmin/images/acupuncture.jpeg);
	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}
*/


.services
{
	background-color: #F2CEAE !important;
}

.feedbacks{

	background-image: url(/fileadmin/images/was_kunden_sagen.jpg);



	height: 600px;

	position: relative;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}







p{
	line-height: 26px;
}

.main-content{z-index: 2; position: relative;}
.main-content ul{margin: 0; padding: 0 0 0 20px;}

input[type="text"],input[type="email"],.textarea{
	border: 1px solid #59321B;
	padding: 10px 20px;
	border-radius: 5px;
	
}

input[type="text"]:focus,.textarea:focus{
	background-color: white;
	color: #BF2C2C;
	outline: none;
}


strong{color: #004584; font-weight: bold;}


.btn-primary{
	background-color:  #27A931 !important;
	border: 0;
	outline: 0;
}

.btn-primary:hover{
	background-color: #27D431 !important;
}


.btn-dao{
	background-color: #F2CEAE !important;
	border: 0;
	outline: 0;
}


.fw-b{font-weight: bold;}


.lh-30{line-height:80px;}

  .fz-10{font-size: 10px;}
  .fz-14{font-size: 14px;}
  .fz-16{font-size: 16px;}
  .fz-20{font-size: 20px;}
  .fz-30{font-size: 20px;}
  .fz-44{font-size: 34px;}
  .fz-60{font-size: 38px;}
  .fz-80{font-size: 60px;}

.em-0_5{font-size: 0.75em; line-height: 1.5em;}  
.em-1{font-size: 1em;}  
.em-1_5{font-size: 1.5em;} 
.em-2{font-size: 2em;} 
.em-3{font-size: 3em;}
.em-4{font-size: 4em;}


@media (min-width: 768px) { 

.lh-30{line-height:30px;}

.fz-10{font-size: 10px;}
.fz-14{font-size: 14px;}
.fz-16{font-size: 16px;}
.fz-20{font-size: 20px;}
.fz-30{font-size: 30px;}
.fz-44{font-size: 44px;}
.fz-60{font-size: 50px;}
.fz-80{font-size: 80px;}

	
}



$

.bg-test{background-color:red;}



span.new {
  background-color: red;
  animation-name: new_keyframe;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  margin: 0 10px  0 0;
  padding: 4px 8px;
}

@keyframes new_keyframe {
  from {background-color: red;}
  to {background-color: #27A931;}
}