/* Mobiles Menü */
section#sp-section-1 {display: none;}
@media only screen and (max-width: 991px) {
  section#sp-section-1 {display: block; position: absolute; right: 16px; top: 30px; z-index: 9;}
  .burger-icon {width: 58px; background: #ffffff; border: solid 12px #ffffff; border-radius: 50%;}
  .burger-icon>span {background-color: #f8cc13; height: 4px; margin: 6px 0;}
  ul.menu.nav-pills {display: none !important;}
  .offcanvas-menu .offcanvas-inner {padding: 0;}}

/* Mobiles Logo */
.wm-logo-mobile .wm-logotext img {float: none; margin: 0 auto;}
.wm-logo-mobile p {margin: 10px 0 !important;}
.wm-logo-mobile .wm-logotext h1 a {font-size: 32px;}
.wm-logo-mobile .wm-logotext h2 a {font-size: 14px;}
@media only screen and (max-width: 480px) {
  .wm-logo-mobile .wm-logotext h1 a {font-size: 24px;}
  .wm-logo-mobile .wm-logotext h2 a {font-size: 10px;}}

/* Mobiler Content */
@media only screen and (max-width: 991px) {
  .wm-page .page-content.builder-container {margin: 0px !important;}
  .wm-box-radiuslinks-gruen {margin: 10px 0 !important; border-radius: 20px !important; padding-bottom: 14px;}
  .wm-box-radiuslinks-gruen h3 {font-size: 24px !important;}
  .wm-page H2 {font-size: 28px !important;}
  .wm-box-radiusrechts, .wm-box-radiuslinks, .wm-box-radiusunten {border-radius: 20px !important; padding: 40px !important; margin: 30px auto !important; max-width: 100%;}
  .wm-box-beate img {border-radius: 20px !important; height: 300px; object-fit: cover; object-position: top center; margin: -10px 0px -20px 0px !important;}
  .wm-box-footer {margin: 20px auto !important;}
  
.wm-box-psycho {max-height: 430px !important;}
.wm-psychotherapie-spezial h2 {margin: 14px 0 0 0 !important;}}
@media only screen and (max-width: 991px) and (min-width: 768px) {.wm-psychotherapie-spezial h2 {font-size: 22px !important;}}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .wm-psychotherapie-spezial h1 {font-size: 22px !important;}
  .wm-psychotherapie-spezial h2 {font-size: 20px !important;}}

/* Mobile Startseite */
@media only screen and (max-width: 768px) {
  .wm-startseite-icon .sppb-addon-content {float: none !important; text-align: center;}
  .wm-startseite-text h3 {text-align: center; padding: 10px 0 30px 0;}}

/* Mobiles Impressum */
@media only screen and (max-width: 991px) {.wm-box-beate-impressum {
    margin: 50px 0 20px 0 !important;
    padding: 0 !important;
    text-align: center;}}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .wm-box-footer h4, .wm-box-footer a {font-size: 18px !important; line-height: 16px !important;}}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .wm-box-radiusunten {width: 420px !important;}
  .wm-box-footer h4, .wm-box-footer a {font-size: 17px !important; line-height: 16px !important;}}
                                          
                                          
                                          
                                          

/* Startseite Spezial */
.wm-startseite .body-innerwrapper {
    margin: 0;
    max-width: 100vw !important;
    background: #5ba74f !important;
    background-image: url(/images/webgrafik/logo-icons-bg/background-startseite-wittmann.jpg) !important;
    background-repeat: no-repeat !important;
      background-position-x: center !important;
    background-position-y: 330px !important;}
.wm-startseite aside#sp-right {display: none;}
.wm-startseite div#sp-page-builder {background: none; min-height: calc(100vh - 111px); width: 100vw;}
.wm-startseite-icon .sppb-addon-content {float: right;}
.wm-startseite-icon img {width: 88px;}
.wm-startseite-text h3
   {margin: 0 !important; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 22px; font-weight: 300;}
.wm-startseite-text h3 a {color: #ffffff;}

.wm-startseite-icon-klein img {width: 70px;}
.wm-startseite-text-klein h3 {font-size: 18px; padding-top: 10px;}
.wm-startseite-box-footer {margin: 0 !important; background-size: 25% !important;}

/* Site Background Styling */
.body-wrapper {background-image: linear-gradient(90deg, #ffffff 50%, #26b011 50%);}
.layout-boxed .body-innerwrapper {
    background: #26B011;
    background-image: url(/images/webgrafik/logo-icons-bg/background-oben-beatewittmann.jpg);
    background-repeat: no-repeat;}
.body-innerwrapper {max-width: 1300px !important;}

/* Main Content Background Styling */
#sp-page-builder {
    background: url(/images/webgrafik/logo-icons-bg/background-unten-beatewittmann.jpg);
    background-repeat: no-repeat;
    background-position: -40px bottom;
    z-index: 100;}

/* Sidebar Styling */
.sp-column.wm-sitebar-layout {background: #ffffff; height: 100%; width: 250px; float: right;}
.sp-module.wm-sitebar {width: 250px; background: #ffffff; margin-top: -111px !important; float: right; border: none !important; border-radius: 0 !important; padding: 28px 10px 10px 5px !important;}
@media only screen and (max-width: 991px) {.sp-column.wm-sitebar-layout {display:none;}}

/* Sidebar Content Styling */
#sp-right .wm-sitebar ul>li {border: 0;}
.wm-sitebar a {font-size: 13px !important; font-weight: 400; line-height: 2em !important; text-transform: uppercase; color: #26b011 !important; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; padding: 0px !important;}
.sp-module ul>li>a {color: #26b011;}
.wm-sitebar a:hover, .wm-sitebar .current.active a {color: #dfb400 !important;}
.wm-sitebar h3 {text-transform: uppercase; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 25px !important; color: #26b011; font-weight: 300; white-space: nowrap; margin-bottom: 16px;}
.wm-sitebar .menu-dunkel h3, .wm-sitebar .menu-dunkel a {color: #045107;}
.wm-sitebar .menu-dunkel h3 {margin: 5px 0 11px -2px;}

/* Logo Text Styling */
.wm-header {padding: 9px 0 0 0;}
.wm-logotext img {float: left; margin: 0 0 0 -5px;}
.wm-logotext h2 {margin-top: -23px;}
.wm-logotext h1 a {font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 44px; text-transform: uppercase; color: #045107; font-weight: 300; margin-left: 14px; letter-spacing: -0.2px;}
.wm-logotext h2 a {font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 19px; text-transform: uppercase; color: #ffffff; font-weight: 300; margin-left: 16px; letter-spacing: 0.1px;}
span.wm-strich {font-family: monospace; top: -1px; position: relative;}

/* General Content Styling */
.wm-page .page-content.builder-container {margin: 40px 40px 0 40px;}
.wm-startseite .page-content.builder-container {margin: 0;}
main#sp-component {padding: 40px 40px 0 64px;}

/* Content Text Styling */
.wm-box-radiusrechts {padding: 25px 45px 20px 45px; margin: 0px 0px 0px 17px; background-color: #ffffff;
                      border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px;
                      border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px;}
.wm-box-radiuslinks {padding: 25px 60px 50px 35px; background-color: #ffffff; max-width: 700px;
                      border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px;
                      border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px;}
.wm-box-radiusunten {padding: 25px 45px 20px 35px; margin: -30px 0 0 30px; width: 600px; background-color: #ffffff;
                      border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px;
                      border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px;
                      border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px;}
.wm-box-radiuslinks-gruen {padding-top: 30px; margin-left: 46px; max-height: 275px;
                      border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px;
                      border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px;}
.wm-box-radiuslinks-gruen-2zeilen {max-height: 310px;}
.wm-box-radiuslinks-gruen-3zeilen {max-height: 330px;}
.wm-box-radiuslinks-gruen h3 {color: #ffffff; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; text-transform: uppercase; font-size: 32px; font-weight: 300; margin-top: 20px;}
.wm-box-h3-kleiner h3 {font-size: 26px;}

.wm-box-beate img {
    margin: -30px 0px 0 3px;
    border-top-left-radius: 20px !important;
    -webkit-border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    -webkit-border-bottom-left-radius: 20px !important;}

.wm-box-impressum {max-width: none; border-radius: 20px; margin: 0px 30px;}
.wm-box-impressum H3
{color: #045107; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 28px; font-weight: 300; padding-top: 40px;}

.wm-page H1 {color: #ffffff; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 38px; text-transform: uppercase; font-weight: 300;}
.wm-page H2 {color: #045107; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 38px; font-weight: 300;}
.wm-page-li li {color: #045107; font-family: 'Roboto', Arial, Helvetica, Sans-Serif; font-size: 16px; font-weight: 300; line-height: 1.4em; margin: 11px 0px 0px 20px;}
.wm-page p {color: #045107; font-family: 'Roboto', Arial, Helvetica, Sans-Serif; font-size: 16px; font-weight: 300; line-height: 1.4em; margin: 11px 0px 0px 35px;}

/* Psychotherapie Seite Spezial */
.wm-psychotherapie-spezial h1 {font-size: 30px; text-align: center; margin: 12px 0 0 0;}
.wm-psychotherapie-spezial p {font-size: 19px; text-align: center; margin: 0;}
.wm-psychotherapie-spezial h2 {font-size: 26px; text-align: center; color: #ffffff; margin: 38px 0 0 0;}

.wm-button-pdf {
    float: right;
    width: 120px;
    border-radius: 50%;
    height: 120px;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 12px;
    background-color: #20a211 !important;
    margin: 0px -10px -60px 0px;
    rotate: 20deg;}


.wm-box-footer {margin: 0 0 30px 20px;}
.wm-box-footer h4, .wm-box-footer a {color: #ffffff; font-family: 'Josefin Sans', Arial, Helvetica, Sans serif; font-size: 22px; font-weight: 300; line-height: 22px;}
h4.wm-impressum a {font-size: 16px;}

/* Mobiler Footer */
@media only screen and (max-width: 767px) {.wm-box-footer {background-size: 30% !important}}