/*IMPORT-RESET*/
@import url("reset.css");
/*IMPORT-12-COLUMN-RESPONSIVE-GS*/
@import url("responsive.gs.12col.css");
body{
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 2em;
}
h1{font-size: 0.5rem; }
h2{font-size: 1.6rem; color: #fff; background-color: #CD6092; padding: 0.2em }
h3{font-size: 1.6rem;}
h4{font-size: 1.4rem;}
h5{font-size: 1.2rem;}
h6{font-size: 1rem;}
h7{font-size: 1.3rem;}
p{font-size: 1rem;}
img.top {
    vertical-align: text-top;
}
label{font-size: 1rem;}
header, section, article, footer{display: block;}
a{color: #000; text-decoration:underline; cursor: pointer;}
.wrapper{
	width: 1024px;
	max-width: 98%;
	margin: 0 auto;
}
a:hover {
	opacity: .7;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	}

/*BACK-TO-TOP***************************************/
.back-to-top{
	background-color: #333;
	position: fixed;
	right: 0;
	bottom: 150px;
	color: #fff;
	display: none;
	opacity:0.6;
	padding: 15px 20px 15px 20px;
	text-decoration: none;
}
.back-to-top:hover{
	opacity:1;
	transition:1s;
}
/***********************************************/
/*HEADER***************************************/
header{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	margin: 0 0 100px 0;
	z-index: 2;
}
/*HEADER-TOP***************************************/
header > .top{	background: #333;}
header > .top > .wrapper ul{text-align: right;}
header > .top > .wrapper li{display: inline; margin: 0 0px 0 20px;}
/*HEADER_MAIN***************************************/
header > #main{		
	background: #fff;
	text-align: left;font-size: 1.2rem;
	padding: 5px 0 5px 0;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
}
header > #main > .wrapper > .logo img{ height: 60px;}
header > #main > .wrapper > .h7{font-size: 1.2rem; }
/*MOBILE-MENU*******************************************************/
header > #main > .wrapper > nav {position: relative;}
header > #main > .wrapper > nav span{display: none; position: absolute; top: 30px; right: 0; cursor: pointer;}
.bar-1{
    width: 35px;
    height: 5px;
    background-color: black;
    margin: 6px 0;	
    cursor: pointer;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.overlay a {
    padding: 4px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
  	text-align: center;
    transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
.closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px !important;
}
/********************************************************/
#main-nav{display: block;}
header > #main > .wrapper > nav ul{
  list-style: none; 
  text-align: right; 
  margin: 30px 0 0 0;
}
header > #main > .wrapper > nav ul li{
  display: inline;
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0 0 0 10px;
}
header > #main > .wrapper > nav a:hover{
  color: #007FFF;
  text-decoration: underline;
}
/********************************************************/
/*BANNER***************************************/
#banner > .blueberry{
	position: relative;
	top:90px;
	width: 80%;
	margin: 0 auto;		
	background: #000;
	max-height: 476px;
}
#banner > .blueberry img{
	opacity: 1; 
	width:auto;
}
#banner > .werbung{
	top:90px;
text-align: center;	
    justify-content: center; 
    align-items: center;
}
.banner-image1 h7{
	position: absolute;
	font-size: 2rem; 
	top: 50px;
	left: 50px;	
	color: #fff;
	padding: 10px 30px 10px 30px;
}

.banner-image2 h7{
	position: absolute;
	font-size: 2rem; 
	top: 50px;
	right: 100px;
	color: #fff;
	padding: 10px 30px 10px 30px;
}

/***************************************************
Das sind die Haupt-Kapitel: Über mich, Meine Therapien,,,
*/
/*SECTION***************************************/
section{background: #fff; color: #000;}
section > .wrapper li{display: inline;}
/********************************************************/
/*FOOTER***************************************/

footer{
	position: relative;
	margin: 0 auto;		
	position: relative;
	background: #5D5D5D;	
	width: 80%;
	padding: 10px 0 10px 0;
	color: #fff;
	height: 70px auto;
}
footer > .wrapper > .left{
	background: #5D5D5D;		
	text-align: left;	
}
footer > .wrapper > .col img.logo{
	width: 300px;
	height: 60px;
}
footer > .wrapper > .right{
	background: #5D5D5D;		
	text-align: right;
	margin: 30px 0 0 0;
}
footer > .wrapper > .col p{
	display: inline-block;
	text-align: right;
}
footer > .wrapper > .col ul{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
footer > .wrapper > .col li{
	display: inline;
	margin: 0 0 0 10px;
}

.ec-justify {text-align: justify;}
.ec-underline {text-decoration: underline;}
.ec-enhanced {font-weight: bold; }
.ec-accordion {width:100%;cursor:pointer}
.ec-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
.ec-accordion-content a{padding:6px 16px}.ec-accordion-content a:hover{background-color:#ccc}


/*eigene Farbdefinitionen */
.ec-headerbackgrnd,.ec-hover-headerbackgrnd:hover{color:#fff!important;background-color:#CD6092!important}
/* Farben aus der Magnolie */
.ec-magnolie1,.ec-hover-magnolie1:hover{color:#fff!important;background-color:#FF66CC!important}
.ec-magnolie2,.ec-hover-magnolie2:hover{color:#fff!important;background-color:#E052A3!important}
.ec-magnolie3,.ec-hover-magnolie3:hover{color:#fff!important;background-color:#C23D7A!important}
.ec-magnolie4,.ec-hover-magnolie4:hover{color:#fff!important;background-color:#A32952!important}
.ec-magnolie5,.ec-hover-magnolie5:hover{color:#fff!important;background-color:#851429!important}
.ec-magnolie6,.ec-hover-magnolie6:hover{color:#fff!important;background-color:#660000!important}
/* Farben aus der Magnolie gemischt bis weiss */
.ec-rosa1,.ec-hover-rosa1:hover{color:#fff!important;background-color:#CD6092!important}
.ec-rosa2,.ec-hover-rosa2:hover{color:#fff!important;background-color:#CB598D!important}
.ec-rosa3,.ec-hover-rosa3:hover{color:#fff!important;background-color:#D374A0!important}
.ec-rosa4,.ec-hover-rosa4:hover{color:#fff!important;background-color:#DC90B3!important}
.ec-rosa5,.ec-hover-rosa5:hover{color:#fff!important;background-color:#E5ACC6!important}
.ec-rosa6,.ec-hover-rosa6:hover{color:#fff!important;background-color:#EEC8D9!important}
/* Farben für die Akkordeon-Menues */
.ec-sandgreen1,.ec-hover-sandgreen1:hover{color:#000!important;background-color:#8BC34A!important}
.ec-sandgreen2,.ec-hover-sandgreen2:hover{color:#000!important;background-color:#9FCA57!important}
.ec-sandgreen3,.ec-hover-sandgreen3:hover{color:#000!important;background-color:#B3D164!important}
.ec-sandgreen4,.ec-hover-sandgreen4:hover{color:#000!important;background-color:#C8D872!important}
.ec-sandgreen5,.ec-hover-sandgreen5:hover{color:#000!important;background-color:#DCDF7F!important}
.ec-sandgreen6,.ec-hover-sandgreen6:hover{color:#000!important;background-color:#F0E68C!important}
.ec-sonder1,.ec-hover-sonder1:hover{color:#000!important;background-color:#A19353!important}
.ec-sonder2,.ec-hover-sonder2:hover{color:#000!important;background-color:#B16F5A!important}
.ec-sonder3,.ec-hover-sonder3:hover{color:#000!important;background-color:#C14B61!important}
.ec-sonder4,.ec-hover-sonder4:hover{color:#000!important;background-color:#554488!important}
.ec-sonder5,.ec-hover-sonder5:hover{color:#000!important;background-color:#807EAA!important}
.ec-sonder6,.ec-hover-sonder6:hover{color:#000!important;background-color:#55869F!important}
.ec-alarm1,.ec-hover-alarm1:hover{color:#000!important;background-color:#FFC7EC!important}
.ec-alarm2,.ec-hover-alarm1:hover{color:#000!important;background-color:#FF4182!important}

/* ein paar kopierte W3-Farben */
.ec-cyan,.ec-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.ec-light-green,.ec-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.ec-teal,.ec-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.ec-khaki,.ec-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}