@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

 /* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
.cf:before,.cf:after{content: " ";display:table;}
.cf:after{clear:both;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */

body{font:400 14px/1.3 'Open Sans', Arial, sans-serif;color:#000;}
a{color:#B0538F;text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
p{margin-bottom:20px;}
p:last-child{margin-bottom:0;}
h1{font-weight:400;font-size:22px;margin:0 0 40px 0;padding:0;text-align:center;}
h2,h1.h2{font-weight:700;font-size:18px;margin:0 0 20px 0;padding:0;color:#483F3B;text-transform:uppercase;text-align:left;}
h3{font-weight:700;font-size:16px;margin:0 0 10px 0;padding:0;}
h4{font-weight:700;font-size:14px;margin:0 0 10px 0;padding:0;}
ul{margin:0 30px 20px 20px;list-style:square;}
li{margin:0;padding:1px 0;}
.responsive{width:100%;height:auto;display:block;}
.small{font-size:13px;}
.color{color:#B0538F;}
p.purple{color:#fff;background:#B0538F;padding:10px;margin:-10px -10px 20px -10px;}
#page{position:relative;width:100%;max-width:1020px;min-width:320px;margin:0 auto;}
#top{position:relative;width:620px;margin:0 auto;z-index:100;padding:0;list-style:none;}
#top li{float:left;margin:0;padding:0;list-style:none;}
.desktopNav{width:120px;height:95px;text-align:center;padding:65px 0 0;display:block;color:#483F3B;font-size:13px;}
.desktopNav:hover{text-decoration:none;color:#B0538F;}
.desktopNav.current,.desktopNav.section{text-decoration:none;color:#B0538F;font-weight:700;}
#home{border-left:1px solid #8B8782;background:url(../images/menuHome.svg) no-repeat center 40%;}
#lerntherapie{border-left:1px solid #8B8782;background:url(../images/menuLerntherapie.svg) no-repeat center 40%;z-index:1;}
.secondLevel{display:none;position:absolute;z-index:200;padding:20px 10px 5px 10px;margin:0;background:#fff;border-left:1px solid #8B8782;z-index:1;}
#top li:hover .secondLevel{display:block;}
.secondLevel li{clear:both;float:left;margin:0;padding:0;}
.secondLevel a{font-size:12px;padding:1px 0;color:#483F3B;}
.secondLevel a:hover, .secondLevel .current{color:#B0538F;}
#logoHolder{position:relative;z-index:100;}
#logo{float:left;width:140px;height:110px;padding:20px 10px 0;border:1px solid #8B8782;border-top:none;background:#fff;-moz-box-shadow: 0 0 5px #333;-webkit-box-shadow: 0 0 5px #333;box-shadow: 0 0 5px #333;}
#infos{border-right:1px solid #8B8782;background:url(../images/menuInfos.svg) no-repeat center 40%;}
#ueber-mich{border-right:1px solid #8B8782;background:url(../images/menuAbout.svg) no-repeat center 40%;}
#smallTop,#smallMenu{display:none;}
#banner{width:100%;position:relative;float:left;margin-top:-15px;}
#bannerMask{width:100%;position:absolute;bottom:0;left:0;}
.inner{clear:both;position:relative;width:100%;max-width:860px;padding:30px 50px;margin:0 auto;overflow:hidden;}
#homeGreySection{width:100%;float:left;background:url(../images/bgSpirale.svg) no-repeat right -60% #E6E6E6;padding:50px 0 80px;}
#homeGreySection ul{margin:0;padding:0;list-style:none;}
#homeGreySection li{margin:5px 0;padding:0 0 0 150px;font-weight:700;background:url(../images/liLine.svg) no-repeat left 13px;}
#homeClaim{position:relative;clear:both;width:100%;text-align:center;max-width:860px;margin:0 auto;padding:30px 20px;color:#B0538F;}
#homeCols{position:relative;clear:both;width:100%;max-width:860px;margin:0 auto;padding:40px 0;overflow:hidden;border-top:1px solid #D2D2D2;}
.homeCol{float:left;width:23%;margin:20px 1%;text-align:justify;}
.oval{width:100%;height:auto;display:block;-moz-box-shadow: 0 0 5px #333;-webkit-box-shadow: 0 0 5px #333;box-shadow: 0 0 5px #333;-moz-border-radius:115px / 65px;-webkit-border-radius:115px / 65px;-khtml-border-radius:115px / 65px;border-radius:115px / 65px;margin:20px 0 40px;}
.homeColLink{text-align:right;border-top:1px solid #D2D2D2;padding-top:8px;}
#homePrantl{position:relative;clear:both;width:100%;max-width:860px;margin:10px auto 30px auto;padding:30px 0 50px;overflow:hidden;border-top:1px solid #D2D2D2;overflow:hidden;}
#homePrantl h4{margin-top:30px;}
#homePrantlHead{float:left;width:100%;text-align:center;margin-bottom:20px;}
#homePrantlLeft,#homePrantlRight{float:left;width:32%;}
#homePrantlMiddle{float:left;text-align:center;width:30%;margin:0 3%;}
#homePrantlImg{width:100%;height:auto;display:block;-moz-box-shadow: 0 0 5px #333;-webkit-box-shadow: 0 0 5px #333;box-shadow: 0 0 5px #333;-moz-border-radius:170px / 100px;;-webkit-border-radius:175px / 120px;;-khtml-border-radius:175px / 120px;;border-radius:175px / 120px;}
.col50{float:left;width:48%;font-size:13px;}
.col50.odd{margin-left:4%;}
.col50 .purple{color:#fff;background:#B0538F;padding:10px;}
.col50 .purple h2,#contactBox h2{color:#fff;}
#headerImg{width:100%;margin-bottom:20px;}
#aboutWhiteSection{border-top:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;clear:both;width:100%;max-width:860px;margin:20px auto;padding:30px 50px;overflow:hidden;}
#aboutGreySection{width:100%;float:left;background:url(../images/bgSpirale.svg) no-repeat 50px 150px #E6E6E6;padding:20px 0 40px;margin:30px 0;}
#lernTherapy{position:relative;clear:both;width:100%;max-width:860px;margin:30px auto 0 auto;padding:30px 0 50px;overflow:hidden;overflow:hidden;}
#lernTherapy .col50,#subPage .col50{text-align:justify;}
#lernTherapy h1{text-align:left;padding-left:150px;}
#note{clear:both;width:calc(100% + 20px);float:left;padding:10px;background:#B0538F;color:#fff;font-size:13px;margin:20px -10px 0 -10px;}
.noteIcon{float:left;width:80px;height:60px;background:url(../images/info.svg) no-repeat center center;}
.noteText{float:left;width:calc(100% - 220px);margin:0 30px;}
iframe{margin:20px 0 0;}
iframe#google{width:100%;clear:both;margin:20px 0;height:400px;}
#contactBox{float:right;margin:70px 0 0 20px;width:200px;font-size:13px;color:#fff;background:#B0538F;padding:10px;}
#contactBox a{color:#fff;}
#footer{position:relative;clear:both;width:100%;max-width:860px;margin:10px auto 20px auto;text-align:center;height:100px;}
.footerIcon{margin:0 15px;cursor:pointer;}
.footerItems{margin:10px 0;display:none;font-size:13px;border-top:1px solid #D2D2D2;width:100%;padding-top:20px;position:relative;}
#arrow{position:absolute;top:64px;left:calc(50% - 20px);width:39px;height:15px;background:url(../images/arrow.svg) no-repeat 0 0;z-index:100;}
#footerTelephone{display:block;}
#imprint{position:absolute;bottom:0;right:0;font-size:13px;}

img{max-width:100%;height:auto;}
img.right{float:right;margin-left:20px;}
img.left{float:left;margin-right:20px;}
img.leftAlone{float:left;margin-right:100%;margin-bottom:15px;}
img.center{float:none;margin-left:auto;margin-right:auto;display:block;}

form{max-width:500px;width:50%}
div.field{margin:10px 0 15px}
fieldset{border:0;margin:0;padding:0}
form label{margin-bottom:5px}
form label.left{display:block;}
form label.right{font-size:12px;color:#888}
form .textajaxuniquetext,form input.text,form select,form textarea{width:100%;max-width:400px;padding:6px 5px;font:400 16px/1.3 'Open Sans', Arial, sans-serif;background-color:#fff;border:1px solid #B0538F;}
form .textajaxuniquetext:focus,form input.text:focus,form select:focus,form textarea:focus{outline:0}
form input[disabled],form textarea[disabled]{background-color:#f7f7f7;border:1px solid #dad9d9}
.field .checkbox,.field .radio{float:left;width:13px;height:13px;margin-right:6px;margin-top:3px;padding:0}.checkbox label.right,.radio label.right{float:left}form .message{background-color:#fef4ba;padding:5px 10px;border:1px solid #e8c805;border-radius:3px}
form .good{background-color:#ecf9d0;border-color:#8fbe00}
form .bad,form .required{background-color:#f9d0d0;border-color:#cf0000;color:#b80000}
.Actions{margin-bottom:20px}
.Actions .action,a.btn,button,input[type=submit]{background:#B0538F;border:1px solid #B0538F;color:#fff;display:inline-block;padding:3px 10px;margin-top:10px;margin-bottom:10px;margin-right:10px;float:left;cursor:pointer;font:400 16px/1.3 'Open Sans', Arial, sans-serif;}
.Actions .action:hover,a.btn:hover,button,input[type=submit]:hover{border:1px solid #000;}
a.btn{line-height:18px;margin-bottom:10px}
a.btn:after{content:'\2192';padding-left:10px}
input.action[class]{width:auto}
.Actions:after{color:#B94A48;display:inline-block;font-weight:400;margin-top:9px}
#MemberLoginForm_LoginForm .Actions:after,#MemberLoginForm_LostPasswordForm .Actions:after{display:none}
#Remember{min-height:20px}
#ForgotPassword,#MemberLoginForm_LoginForm_Remember_Holder{display:none;}
.FormHeading{clear:both;padding-top:15px}
form .date .middleColumn input{width:114px}
.Actions input.action-minor,.Actions input.resetformaction{float:left;background-color:#888}
.Actions input.action-minor:hover,.Actions input.resetformaction:hover{background-color:#aaa}
.checkbox label.right{font-size:13px;color:#333}
form .requiredField label.left:after{color:#B94A48;content:"*";font-size:14px;font-weight:400;padding-left:3px}
form .checkboxset ul,form .optionset ul{margin:0}
form .checkboxset li,form .optionset li{margin-bottom:5px;list-style-type:none}
form div.checkbox:after{content:".";display:block;height:0;clear:both;visibility:hidden}
form .checkbox .checkbox{clear:both}
span.message{margin:10px 0;display:block;max-width:390px;clear:left}
form input.holder-required{border:1px solid #cf0000}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}
.ss-uploadfield-item-info button{margin-top:4px!important;float:left}
form .creditCardField input,form input.currency,form input.numeric{width:50px}
form #DMYDate-day,form #DMYDate-month{width:25px}
div.field.recaptcha{margin:-25px 0 35px;}

.post-summary{clear:both;width:100%;margin-top:5px;padding:20px 0 0;border-top:1px solid #E6E6E6;}
.post-summary:last-of-type{border-bottom:1px solid #E6E6E6;padding-bottom:5px;}
.blog-post-meta{font-size:12px;text-align:right;color:#999;}
.pagination{margin-top:15px;}
#blogLeft{float:left;width:70%;}
#blogRight{float:left;width:calc(30% - 30px);margin-left:30px;}
.WidgetHolder{float:left;margin-bottom:10px;width:100%;}
#comments-holder h4{clear:both;padding-top:20px;}
.singleComment{width:100%;padding:10px 0 5px;margin:0 0 20px 0;border-bottom:1px solid #E6E6E6;}

@media only screen and (max-width:850px){
.homeCol{width:48%;margin:15px 1%;}
.oval{width:90%;margin:20px auto 40px auto;-moz-border-radius:175px / 100px;-webkit-border-radius:175px / 100px;-khtml-border-radius:175px / 100px;border-radius:175px / 100px;}
#homePrantl,#lernTherapy{padding:30px 10px 50px;}
#blogLeft{width:100%;}
#blogRight{width:100%;margin:20px 0 0;}
.WidgetHolder{width:50%;}
}

@media only screen and (max-width:640px){
#top{display:none;}
#smallTop{display:block;z-index:100;width:100%;float:left;position:relative;}
#logo{position:relative;float:none;margin:0 auto;width:200px;height:auto;padding:10px 15px 40px;}
#menuToggler{position:absolute;left:0;bottom:0;width:100%;padding:5px 5px 5px 43px;background:url(../images/menu.svg) no-repeat 10px 5px #B0538F;color:#fff;font-size:16px;cursor:pointer;}
#smallMenu{position:absolute;left:50%;top:144px;margin-left:-100px;background:#B0538F;border:1px solid #8B8782;border-top:none;width:200px;}
#smallOne{margin:0 0 10px 0;padding:0;list-style:none;}
#smallOne li{border-top:1px solid #fff;margin:0 10px;}
#smallOne li.last{border-bottom:1px solid #fff;}
#smallOne a{color:#fff;padding:5px 0;display:block;}
.smallTwo {margin:-5px 0 0 0;padding:0;list-style:none;}
.smallTwo li{border:none !important;margin:0 0 0 5px;}
.smallTwo a{font-size:12px;}
#banner{margin-top:0;}
.inner{padding:50px 10px;}
#homeGreySection li{padding:0 0 0 50px;background-position:-100px 13px;}
#homePrantlLeft,#homePrantlRight{width:100%;}
#homePrantlMiddle{width:100%;margin:0;}
#homePrantlImg{width:50%;margin: 20px auto;}
}

@media only screen and (max-width:520px){
#contactBox{float:none;margin:-20px auto 20px auto;}
}
@media only screen and (max-width:430px){
#homePrantlImg{width:80%;}
.homeCol{width:100%;margin:15px 0;padding:10px;}
.col50{width:100%;margin-bottom:20px;}
.col50.odd{margin-left:0;}
p.purple{margin:10px -10px 10px -10px;}
#imprint{position:relative;bottom:auto;right:auto;float:left;width:100%;text-align:center;margin:10px 0;}
.noteIcon{width:100%;text-align:center;}
.noteText{width:100%;padding:0;margin:10px 0;}
.col50.purple{margin:10px 0;width:100%;padding:10px;}
#aboutWhiteSection{margin:20px auto;padding:10px;}
.WidgetHolder{width:100%;}
.col50 .purple{margin-bottom:-40px;}
}