body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* Liebscher & Bracht Logo einbinden */

/* Liebscher & Bracht Logo Startseite */
#start {
    margin-top:-20px;
}

/* Liebscher & Bracht Logo Link */
div#lb-logo a {
    width:300px;
    height:50px;
    display:table-cell;
}

/* Liebscher & Bracht Logo */
div#lb-logo {
    width:300px;
    height:50px;
    margin-right:auto;
    margin-bottom:20px;
    margin-left:auto;
    background:rgba(255,255,255,1) url("../../files/images/logo_liebscher-bracht.svg") center center no-repeat;
}

/* files/images/logo_liebscher-bracht.svg */

body#top div#wrapper header#header div.inside div#liebscher {
	width:350px;
	height:100px;
	background-image: url("../../files/images/lb-logo-2016-dunkel-registred.png");
	background-position: center top;
	
		background-color: red;
}

/* Header Hintergrundbilder */

.seelenarbeit #header {
    background-image: url("../../files/images/bg_seelenarbeit.jpg") !important;
	background-size: cover;
    background-position: center center
}

/* Zertifikate */

#cert_immun {

	height: 150px;
	width: 150px;

	background-image: url("../../files/images/zertifikate/immun-expertin.gif");
	background-size: 150px;
	background-repeat: no-repeat;

	z-index: 100;
	position: absolute;
	top:  -460px;
	left: 50px;

}

#cert_stress {

	height: 150px;
	width: 150px;

	background-image: url("../../files/images/zertifikate/stress-burnout-trainerin.gif");
	background-size: 115px;
	background-repeat: no-repeat;

	z-index: 100;
	position: absolute;
	top: -350px;
	left: -25px;

}


/* https://www.mediaevent.de/css/media-queries.html */

.seelenarbeit ul li {

    margin-bottom: 0.8em;

}

@media (width <= 452px) {

    .seelenarbeit ul li { 
		margin-bottom: 1.2em;
		background-color: aqua;
	} 
}

@media (453px <= width <= 855px) {

    .seelenarbeit ul li { 
		margin-bottom: 1.0em;
		background-color: bisque;
	} 
}
  
/* Button */
.button {
    box-shadow: 0px 10px 14px -7px #3e7327;
    background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    background-color:#77b55a;
    border-radius:4px;
    border:1px solid #4b8f29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff !important;
    font-family:Arial;
    font-size:0.8em;
    font-weight:bold;
    padding:10px 38px;
    text-decoration:none;
    text-shadow:0px 1px 0px #5b8a3c;
}

/* Button Hover */
.button:hover {
    background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
    background-color:#72b352;
}

/* Button Active */
.button:active {
    position:relative;
    top:1px;
}
@font-face {
    font-family:bold;
    src: url(../../files/bold.woff);
}
@font-face {
    font-family:light;
    src: url(../../files/light.woff);
}
@font-face {
    font-family:regular;
    src: url(../../files/regular.woff);
}
@font-face {
    font-family:schreib;
    src: url(../../files/schreib.woff);
}

/* Blockquote Klassik */
.container-quote {
    background: #9b59b6;
    font: normal 300 1em/1.5em 'Ubuntu', sans-serif;
    background: #fff;
    width: 100%;
    max-width: 80%;
    min-width: 60%;
    margin: 2em auto 0;
    padding: 1.5em;
}

/* Blockquote Klassik */
.container-quote p {
    margin-bottom: 1.5em;
}

/* Blockquote Klassik */
.container-quote p:last-child {
    margin-bottom: 0;
}

/* Blockquote Klassik */
.container-quote blockquote {
    display: block;
      border-width: 2px 0;
      border-style: solid;
      border-color: #eee;
      padding: 1.5em 0 0.5em;
      margin: 1.5em 0;
      position: relative;
}

/* Blockquote Klassik */
.container-quote blockquote:before {
    content: '\201C';
      position: absolute;
      top: 0em;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      width: 3rem;
      height: 2rem;
      font: 6em/1.08em 'PT Sans', sans-serif;
      color: #666;
      text-align: center;
}

/* Blockquote Klassik */
.container-quote blockquote:after {
    content: "\2003" attr(cite);
    display: block;
    text-align: right;
    font-size: 0.875em;
    color: #93B734;
}

/* Blockquote Notepaper */
.notepaper {
    position: relative;
      margin: 30px auto;
      padding: 29px 20px 20px 45px;
      width: 80%;
      line-height: 30px;
      color: #6a5f49;
      text-shadow: 0 1px 1px white;
      background-color: #f2f6c1;
      background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
      background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
      background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
      border: 1px solid #c3baaa;
      border-color: rgba(195, 186, 170, 0.9);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

/* Blockquote Notepaper */
.notepaper:before,
.notepaper:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
}

/* Blockquote Notepaper */
.notepaper:before {
    left: 28px;
    width: 2px;
    border: solid #efcfad;
    border-color: rgba(239, 207, 173, 0.9);
    border-width: 0 1px;
}

/* Blockquote Notepaper */
.notepaper:after {
    z-index: -1;
    left: 0;
    right: 0;
    background: rgba(242, 246, 193, 0.9);
    border: 1px solid rgba(170, 157, 134, 0.7);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

/* Blockquote Notepaper */
.quote {
    font-family: Georgia, serif;
    font-size: 14px;
}

/* Blockquote Notepaper */
.curly-quotes:before,
.curly-quotes:after {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 48px;
    font-size: 50px;
    opacity: .2;
}

/* Blockquote Notepaper */
.curly-quotes:before {
    content: '\201C';
    margin-right: 4px;
    margin-left: -8px;
}

/* Blockquote Notepaper */
.curly-quotes:after {
    content: '\201D';
    margin-left: 4px;
    margin-right: -8px;
}

/* Blockquote Notepaper */
.quote-by {
    display: block;
    text-align: right;
    padding-right: 10px;
    text-align: right;
    font-size: 13px;
    font-style: italic;
    color: #84775c;
}

/* Blockquote Notepaper */
.lt-ie8 .notepaper {
    padding: 15px 25px;
}

/* alternative Farben für Links */
a.link_alt {
    padding:5px 7px;
    background-color:rgba(255,255,255,.7);
    color: #86AE1B !important;
}

/* Hover: alternative Farben für Links */
a:hover.link_alt {
    padding:5px 7px;
    background-color:rgba(255,255,255,.9);
    color: #86AE1B !important;
}

* {
    outline:none;
}
html,
body {
    font:20px/30px regular;
    color:#999;
    letter-spacing:.25px;
}
#header {
    background-image:url("../../files/images/bg.jpg");
    background-position:center top;
}
.schwerpunkte #header {
    background-image:url("../../files/images/bg2.jpg");
}
.philosophie #header {
    background-image:url("../../files/images/bg3.jpg");
}
.anfahrt #header {
    background-image:url("../../files/images/bg3.jpg");
}
.impressum #header {
    background-image:url("../../files/images/bg4.jpg");
}
.veranstaltungen #header {
    background-image:url("../../files/images/bg4.jpg");
}
.ueber-mich #header {
    background-image:url("../../files/images/bg5.jpg");
}
.diagnostik #header {
    background-image:url("../../files/images/bg6.jpg");
    background-position:center center;
}
#navi {
    margin-top:318px;
    background-color:rgba(255,255,255,.8);
}
#navi ul {
    width:1200px;
    margin:0 auto;
    text-align:center;
}
#navi ul li {
    position:relative;
    display:inline-block;
    padding:15px 30px;
    font-size:20px;
}
#navi ul li:hover,
#navi ul li.active {
    background-color:#fff;
}
#navi ul li a {
    text-decoration:none;
    color:#999;
}
#navi ul li:hover a,
#navi ul li.active {
    color:#f39200;
}
#sprechzeiten {
    height:94px;
    background-color:rgba(255,255,255,.8);
}
#sprechzeiten .inside {
    width:1200px;
    margin:0 auto;
    text-align:right;
}
#sprechzeiten p {
    margin:0;
    padding-top:20px;
    padding-bottom:7px;
    font-size:13px;
}
h1#branding a {
    width:476px;
    height:225px;
    display:block;
    margin:-121px auto 0;
    background-image:url("../../files/images/logo.png");
    font-size:10px;
    text-indent:-9999px;
    cursor:pointer;
}
h2,
.ui-accordion-header {
    margin:0 0 5px;
    font:55px/80px light;
    color:#86ae1b;
}
.ui-accordion-header {
    position:relative;
    margin-top:5px;
    border-bottom:1px solid #ccc;
    font-size:38px;
    line-height:80px;
    font-weight:bold;
    cursor:pointer;
}
.ui-accordion-header:after {
    width:29px;
    height:16px;
    right:15px;
    top:30px;
    position:absolute;
    display:block;
    background-image:url("../../files/images/icon-accordeon.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    background-size:contain;
    transition:0.3s;
}
.ui-accordion-header.ui-state-active:after {
    transform:rotate(180deg)
}
h3 {
    margin:0 0 40px;
    font:25px light;
}
h4 {
    margin:0;
    font:32px light;
    color:#90ba1e;
}
#main .inside {
    width:1200px;
    margin:0 auto;
    padding-top:80px;
    padding-bottom:80px;
    text-align:center;
}
#main a,
#main strong {
    font-family:bold;
    text-decoration:none;
    color:#f39200;
}
#main a:hover,
#footer .box-rechts a:hover {
    color:#86ae1b;
}
#footer {
    width:1200px;
    margin:0 auto;
    padding-top:60px;
    padding-bottom:60px;
    background-image:url("../../files/images/apfel.jpg");
    background-position:center center;
    background-repeat:no-repeat;
}
#footer .box-links {
    width:500px;
    float:left;
    padding-top:20px;
    text-align:right;
    font-size:16px;
    line-height:26px;
    color:#b2b2b2;
}

/* Header */
#branding {
    min-width:810px;
}

/* Cookiebar / Text */
.cookiebar__message {
    font-size:.7em;
}

/* Artikel Datenschutzerklärung */
div#dsgvo {
    margin-right:auto;
    text-align:left;
    font:13px/17px arial;
}

/* Artikel Datenschutzerklärung / h2 */
div#dsgvo h2 {
    font-size:24px;
    line-height:30px;
    font-weight:bold;
    letter-spacing:.3pt;
}

/* Impressum / Datenschutz */
.inside .right {
    float:right;
    font-size:13px;
}

/* Impressum / Datenschutz */
.inside .left {
    float:left;
    margin-left:20px;
    padding-top:20px;
    padding-right:15px;
    font-size:13px;
    font-weight:bold;
    color:#999;
}

/* Impressum / Datenschutz */
.inside .left a:visited,
.inside .left a:link,
.inside .left a:active {
    color:#999;
    text-decoration:none
}

/* Impressum / Datenschutz */
.inside .left a:hover {
    color:#F6A400;
    text-decoration:none
}

/* Impressum / Datenschutz */
.inside {
    clear:both;
}
#footer .box-rechts {
    width:500px;
    float:right;
    padding-top:20px;
}
#footer .box-rechts h4 {
    margin-top:10px;
}
#footer .box-rechts a {
    font-size:24px;
    line-height:34px;
    text-decoration:none;
    color:#f39200;
}
.schreib {
    font:80px/50px schreib;
    color:#86ae1b;
}
#maren {
    height:150px;
    background-image:url("../../files/images/bg-maren.jpg");
    background-position:center top;
    background-repeat:no-repeat;
}
#maren .inside {
    padding-top:0;
    padding-bottom:0;
}
#maren #bild,
#maren #bild2,
#maren #bild3,
#maren #bild4 {
    right:0;
    top:-223px;
    position:absolute;
}
#maren #bild3 {
    left:0;
    right:auto;
    top:-226px;
}
#maren #bild4 {
    left:0;
    right:auto;
    top:-215px;
}
#sk {
    font:16px light;
}
#datenschutz {
    font:11px light;
    color:#b2b2b2;
}
#Kontaktformular {
    width:1200px;
    text-align:center;
}
#Kontaktformular label {
    width:1200px;
    position:relative;
    float:none;
    clear:both;
    display:block;
}
#Kontaktformular input,
#Kontaktformular textarea {
    width:600px;
    margin-top:10px;
    margin-bottom:20px;
    padding:10px;
    text-align:center;
    border:1px solid #ccc;
    border-radius:5px;
    font:25px bold;
    color:#86ae1b;
}
#Kontaktformular .submit {
    background-color:#f39200;
    border:0px;
    color:#fff;
    cursor:pointer;
}
.counter {
    top:0;
    position:absolute;
    text-indent:-9999px;
}
#main p strong.gruen {
    color:#86ae1b;
}