@charset "UTF-8";
/*!
 * Copyright 2011-2017 Corporate White
 */
/*/*/

/*************
*  Basis     *
*************/
/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
    color: #585f63;
    ;
}
a {
    color: #000;
    outline: none;
}
a:hover {
    color: #952a5b;
    text-decoration: none;
}
#page {
    overflow: hidden;
}
h1, h2, h3, h4, h5 {
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
}
h2 {
    font-size: 30px;
    color: #575656;
}
.notfounderror{
    margin: 150px 0;
}
.header-textblock h2 {
    font-size: 30px;
    color: #575656;
}
.header-textblock h2::after {
    margin: 50px 0 25px;
    display: block;
    max-width: 50px;
    width: 20%;
    height: 1px;
    border-bottom: solid 1px #000;
    content: ' ';
}
.container-max {
    padding: 0 10vh;
}
/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background-color: #6e7b84;
}
#status {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.loader, .loader:before, .loader:after {
    background: #000000;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.loader {
    color: #000000;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before, .loader:after {
    position: absolute;
    top: 0;
    content: '';
}
.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 1.5em;
}
@-webkit-keyframes load1 {
 0%, 80%, 100% {
 box-shadow: 0 0;
 height: 4em;
}
 40% {
 box-shadow: 0 -2em;
 height: 5em;
}
}
@keyframes load1 {
 0%, 80%, 100% {
 box-shadow: 0 0;
 height: 4em;
}
 40% {
 box-shadow: 0 -2em;
 height: 5em;
}
}
a.readmore {
    display: inline-block;
    position: relative;
    background-color: #effd43;
    color: #4f5859;
    line-height: 35px;
    text-decoration: none;
    padding: 0 20px 0 30px;
    margin-left: 30px;
    font-family: 'PT Sans', sans-serif;
    transition: all .2s ease-in-out;
}
a.readmore::before {
    content: "";
    position: absolute;
    border-top: 1px solid #4f5859;
    top: 50%;
    margin-right: -15px;
    right: 100%;
    width: 40px;
}
a.readmore:hover {
    padding: 0 40px 0 40px;
    margin-left: 0px;
    transition: all .2s ease-in-out;
}
a.readmore:hover::before {
    border-color: #effd43;
    width: 0;
    transition: all .2s ease-in-out;
}
/*************
*  Hamburger *
*************/
.hamburger-wrapper {
    display: inline-block;
}
.hamburger {
    padding: 20px 13px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: #952a5b;
    border: 0;
    margin: 0;
    overflow: visible;
    height: 65px;
    width: 65px;
    position: relative;
    z-index: 99999;
}
.hamburger.is-active {
    background-color: #fff;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #952a5b;
}
.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s;
}
/*************
*  Header    *
*************/
.navigation.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(231 231 231 / 95%);
    width: 100%;
    height: 100%;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
.navigation.overlay.open {
    display: flex;
}
.navigation-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
}
.navigation-inner .menu-wrapper {
    min-width: 250px;
    flex-grow: 1;
    padding: 0 15px;
}
.navigation-inner .menu-wrapper h4 {
    font-size: 20px;
    color: #952a5b
}
.navigation-inner .menu-wrapper ul {
    list-style: none;
    padding-left: 0;
    border-top: 1px solid rgba(156,154,154,.6);
    margin-top: 25px;
}
.navigation-inner .menu-wrapper ul li {
    border-bottom: 1px solid rgba(156,154,154,.6);
    padding: 5px 0 5px 15px;
}
.navigation-inner .menu-wrapper a {
    color: #373737;
}
.header {
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.topmenu-inner {
    float: right;
}
#carouselheader, .header_image {
    height: 85vh;
}
.logo {
    margin: 0;
    width: 100%;
    max-width: 70%;
    z-index: 9;
    position: relative;
}
.overlay-activ .logo {
    z-index: 7;
    transition: none;
}
.logo a, .logo-sticky a {
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.logo-sticky {
    width: 200px;
    height: 55px;
    max-width: 70%;
    z-index: 9;
    position: relative;
    background: transparent url("img/sticky-logo.png") no-repeat scroll left center;
    background-size: auto;
    background-size: contain;
    margin: 5px 0;
    opacity: 0;
    transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
}
.sticky .logo-sticky {
    opacity: 1;
    transition: opacity .6s ease-in-out;
    -moz-transition: opacity .6s ease-in-out;
    -webkit-transition: opacity .6s ease-in-out;
}
.contact-container {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 105;
    width: 10vh;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255, .8);
}
.contact-container .fullscreen-widget {
    align-items: center;
}
/*Menü Staff*/
.menu-top-container {
    float: left;
}
.menu-top-container ul {
    margin: 0 2px 0;
    padding: 0;
    color: #000;
    list-style: none;
}
.menu-top-container ul li {
    float: left;
    list-style: none;
}
.menu-top-container ul li a {
    margin: 0 2px;
    font-size: 16px;
    color: #000;
    padding: 6px 10px 6px 10px;
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    line-height: 20px;
    text-indent: 99999px;
    width: 65px;
    height: 65px;
    display: block;
    background-color: #bbbab9;
}
.menu-top-container ul li.mail a {
    background-image: url(img/mail.png);
}
.menu-top-container ul li.tel a {
    background-image: url("img/phone.png");
    background-size: 18px;
}
.topslider {
    padding: 65px 10vh;
}
.header-textblock {
    position: absolute;
    top: 50vh;
}
.header h2 {
    color: #4f7275;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: bold;
}
.header p {
    color: #4f7275;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
}
.wrapper-navbar {
    position: fixed;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    transition: all 0.2s ease 0s;
    max-height: 500px;
}
.wrapper-navbar.sticky {
    transition: all 0.6s ease 0s;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
.widget_text.home-right {
    margin-top: 100px;
}
.widget_text.home-right h4 {
    text-transform: none;
    margin-bottom: 50px;
}
.widget_text.home-right ul {
    list-style: none;
    padding-left: 0;
}
.widget_text.home-right ul li {
    width: 100%;
    padding: 8px 0 8px 50px;
    margin-bottom: 5px;
    background: #cecdc8 url("img/pfeil.png") no-repeat 15px center;
    background-size: auto;
    background-size: 20px auto;
    position: relative;
}
.widget_text.home-right ul li::after {
    position: absolute;
    right: 0;
    top: 0;
    margin: 8px 0;
    height: 30px;
    width: 45px;
    display: block;
    background: #cecdc8 url("img/pdf_dl.png") no-repeat left center;
    background-size: contain;
    content: "";
}
.widget_text.home-right ul li a {
    width: 100%;
    color: #575656;
}
/*************
* Intro: 	 *
*************/
#home {
    position: relative;
}
.main-content {
    padding-right: 100px;
}
.page-template-team .main-content {
    padding-right: 0;
}
.intro-shaddow {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#00000000', GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 25%;
    position: absolute;
    top: 0;
    left: 0;
}
#home .intro {
    text-align: left;
    color: #fff;
    text-shadow: none;
    font-family: 'Roboto Slab', serif;
    font-size: 45px;
    text-transform: uppercase;
    position: absolute;
    width: 400px;
    bottom: 15%;
    left: 15%;
    line-height: 1;
}
#home .intro h2 {
    font-size: 55px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
#home .top-bg, #home .bottom-bg {
    height: 25px;
    width: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 999;
}
#home .left-bg, #home .right-bg {
    height: 100%;
    width: 25px;
    position: absolute;
    background-color: #fff;
    z-index: 99;
    top: 0;
}
#home .left-bg {
    left: 0;
}
#home .right-bg {
    right: 0;
}
#home .top-bg {
    top: 0;
}
#home .bottom-bg {
    bottom: 0;
    height: 25px;
}
#praxis {
    background-color: #5c6164;
    padding: 100px 0;
}
#praxis h2 {
    font-size: 30px;
    background-color: #5c6164;
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes slideInMenu {
 0% {
 -webkit-transform: translateY(-400px);
}
 100% {
 -webkit-transform: translateY(0);
}
}
@keyframes slideInMenu {
 0% {
 transform: translateY(-400px);
}
 100% {
 transform: translateY(0);
}
}
.slideInMenu {
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
}
.ooverlay.open {
    -webkit-animation-name: slideInMenu;
    animation-name: slideInMenu;
    overflow-y: auto;
}
/*************
* Slider     *
*************/
a.scroll-down {
    background-position: center;
    background-size: contain;
    background-image: url(img/scroll-down-header.png);
    height: 70px;
    width: 70px;
    bottom: 8%;
    left: 50%;
    margin-left: -35px;
    background-repeat: no-repeat;
    text-indent: -3333px;
    opacity: .8;
    z-index: 99;
}
.slider-direction-nav {
    list-style: outside none none;
    margin: 0;
    padding: 0;
 *height: 0;
}
.slider-direction-nav a {
    text-decoration: none;
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -3333px;
    margin: -30px 0 0;
    position: absolute;
    z-index: 7;
    bottom: 0;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 75%;
    background-color: #000;
    background-position: center;
}
.slider-direction-nav.homesite a {
    bottom: 0;
}
.slider-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
}
.slider-direction-nav a.flex-next:before {
}
.slider-direction-nav .flex-prev {
    background-image: url("img/slider-left.png");
    background-repeat: no-repeat;
}
.slider-direction-nav .flex-next {
    text-align: right;
    background-image: url("img/slider-right.png");
    background-repeat: no-repeat;
    text-indent: 3333px;
}
.carousel .slider-direction-nav .flex-prev {
    opacity: 0.7;
    left: -50px;
	background-color: #6f6f6f;
}
.carousel:hover .slider-direction-nav .flex-prev:hover {
    opacity: 1;
}
.carousel .slider-direction-nav .flex-next {
    opacity: 0.7;
    left: 0;
}
.carousel:hover .slider-direction-nav .flex-next:hover {
    opacity: 1;
}
.carousel-item.full-screen, .single-image.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 85vh;
}
/*****************
* Fullpage Stuff *
*****************/
#fullpage-wrapper {
    padding: 0;
    overflow: hidden;
}
/* Backgrounds will cover all the section
* --------------------------------------- */
#fullpage .section {
    background-size: cover;
    text-align: center;
    background-position: center center;
}
#fullpage .slide {
    background-size: cover;
}
.container.fullpage-txt {
    margin-bottom: 10%;
}
.btn.btn-fullpage {
    color: #fff;
    background-color: #ff4612;
    border-color: #4f505d;
    border-radius: 0;
    text-transform: uppercase;
    margin: 20px 0;
    padding: 6px 12px 3px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #0062cc;
}
.section.content {
    padding: 50px 0;
}
.section.content .container {
    padding: 50px 10vh;
    max-width: inherit;
}
.section.content p, .section.content ul li, .section.content td {
    color: #9c9a9a;
}
dl, ol, ul {
    padding-left: 20px;
}
.small-txt {
    font-size: 16px;
}
.entry-title {
    margin-bottom: 50px;
}
h3.entry-title {
    font-size: 35px;
    color: #952a5b;
}
.img-margin {
    margin: 50px auto;
}
/*****************
*Section homeMain*
*****************/
.homeMain {
    background-color: #fff;
    color: #57595b;
    text-align: left;
}
.subheadline {
    margin: 25px 0;
}
/*****************
*Section Zitat*
*****************/
.section.zitat {
    padding: 50px 0;
    font-size: 35px;
    text-transform: none;
    font-family: 'Roboto Slab', serif;
    text-align: center;
    line-height: 42px;
}
.section.zitat h3 {
    text-align: center;
    color: #575656;
    font-size: 35px;
    text-transform: none;
    margin-bottom: 30px;
}
/*****************
*Section impressions/Bedarfsgruppen*
*****************/
.section.impressionen {
    padding: 75px 0;
    margin: 0 10vh;
}
.section.serviceslider {
    background-color: #cecdc8;
    color: #fff;
    padding: 75px 0;
    margin: 0 10vh 50px;
}
.section.serviceslider h3 {
    color: #575656;
    text-align: center;
    text-transform: inherit;
}
.services-slider-item .service-txt {
    text-align: center;
    margin-top: 50px;
}
.services-slider-item .service-txt a h3 {
    color: #fff;
    font-size: 20px;
    font-family: 'PT Sans', sans-serif;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background: url("img/pfeil_kreis.png") no-repeat left center;
    background-size: 30px 30px;
    padding-left: 40px;
    margin: 15px 0;
}
.services-slider-item .service-txt a:hover h3 {
    color: #952a5b;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #fff;
    border-radius: 30px;
    height: 10px;
    width: 10px;
}
.section.serviceslider .service-img {
    text-align: center;
}
.section.serviceslider .newsslider-wrapper {
    margin-top: 50px;
}
.section.serviceslider .service-img img {
    width: 270px;
    height: 270px;
    border-radius: 50%;
}
.lSPager.lSpg{
	margin-top: 25px !important;
}
.bedarfsgruppe {
    position: relative;
    margin-bottom: 30px;
}
.bedarfsgruppe .service-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.2);
}
.bedarfsgruppe .service-img {
    overflow: hidden;
}
.bedarfsgruppe .service-img img {
    transform-origin: 50% 50%;
    transition: transform 0.2s linear;
    width: 100%;
}
.bedarfsgruppe:hover .service-img img {
    transform: scale(1.2);
}
.bedarfsgruppe .service-txt {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    text-align: center;
}
.bedarfsgruppe .service-txt h3 {
    font-size: 30px;
    color: #fff;
    text-transform: none;
}
.service-more {
    margin-top: 20px;
}
.service-more a {
    color: #fff;
    background-color: #952a5b;
    padding: 10px 30px;
}
.service-more a:hover {
    color: #952a5b;
    background-color: transparent;
    border: 1px solid #952a5b;
    padding: 10px 30px;
}
.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #952a5b;
}
/*****************
*Section Team*
*****************/
#team .container {
    max-width: 70%;
    color: #000;
}
.team-member {
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-bottom: 50px;
}
.team-member h3 {
    margin: 20px 0 0;
    font-size: 20px;
}
.team-member .team-vita {
    margin: 50px 0;
}
.team-member .team-vita h4 {
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #952a5b;
}
h4.member-of{
	padding-top: 25px;
}
.team-member .team-vita table {
    margin-bottom: 25px;
}
.team-member .team-vita td {
    vertical-align: top;
    padding-right: 20px;
}
ul.vita {
    padding-left: 0;
    list-style: none;
}
ul.vita .date{
    float: left;
    padding-right: 15px;
	width: 110px;
	display: block;
}
ul.vita span{
	display: block;
	padding-left: 110px;
}

.to-team {
    text-align: center;
    padding: 50px 0 0;
}
.to-team a {
    border: 1px solid #952a5b;
    background-color: transparent;
    padding: 7px 30px;
    color: #952a5b;
    text-decoration: none;
}
.to-team a:hover {
    background-color: #952a5b;
    color: #fff;
    transition: transform 0.2s linear;
}
/*****************
*Section Services*
*****************/
#section-services {
    background-color: #bcb299;
    padding: 50px 0;
    color: #fff;
}
#section-services h2 {
    font-size: 30px;
}
#section-services h2 span {
    font-weight: bold;
    font-size: 25px;
}
#section-services h3 span {
    text-transform: uppercase;
    border-bottom: 1px #fff solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: inline-block;
}
#section-services ul {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 50px;
    margin: 0;
    padding-left: 0;
}
#section-services ul li {
    display: block;
    color: #fff;
    border-top: #fff solid 1px;
    padding-left: 10px;
    line-height: 60px;
}
#section-services ul li:last-child, #section-services ul li:nth-last-child(5) {
    border-bottom: #fff solid 1px;
}
.services-head {
    margin: 30px auto;
}
.services-foot {
    text-transform: uppercase;
    margin-top: 20%;
    font-size: 25px;
}
#praxis p {
    font-size: 20px;
}
/**********************
/*Section Leistung    *
/*********************/
#leistungen {
    background-color: #f1f2f2;
    padding: 80px 0;
}
.leistung-wrapper {
    border: 1px solid #f1f2f2;
    margin: 0;
    text-align: center;
    background-color: #fff;
    min-height: 210px;
}
.leistung-wrapper img {
    height: 58px;
    margin: 25px 0 20px 0;
}
.leistung-wrapper span {
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
    font-family: 'Roboto Slab', serif;
}
.leistung-wrapper span:before {
    content: "";
    position: absolute;
    width: 100px;
    margin-left: -50px;
    height: 1px;
    bottom: 0;
    left: 50%;
    border-bottom: 1px solid #000;
}
.leistung-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}
.leistung-wrapper a:hover {
    color: #000;
    text-decoration: none;
}
.leistung-wrapper .readmore {
    display: none;
    font-size: 15px;
    margin-top: 20px;
}
.leistung-wrapper a:hover .readmore {
    display: block;
    transition-property: background;
    transition-duration: .4s;
    transition-timing-function: linear;
}
.leistung-single {
    background-color: #fff;
}
.leistung-single-txt {
    padding: 20px;
}
.hl-leistung {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Roboto Slab', serif;
    font-size: 35px;
    background-color: #f1f2f2;
    padding: 5px 20px 10px;
    line-height: 40px;
}
.media_icon {
    max-width: 100px;
}
.leistung-single-button button {
    width: 50px;
    height: 30px;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    position: relative;
    padding: 0;
    background-size: 40px;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}
.leistung-single-button #moveLeft {
    background-image: url(img/pfeil_links.png);
    background-size: 25px;
    width: 25px;
}
.leistung-single-button #moveRight {
    background-image: url(img/pfeil_rechts.png);
    background-size: 25px;
    width: 25px;
}
.leistung-single-button #moveOverview {
    background-image: url(img/uebersicht.png);
}
.leistung-single-button {
    text-align: center;
    margin-top: 20px;
}
/**********************
/*Section introduction*
/*********************/
.introduction {
    background-color: #cecdc8;
    color: #fff;
    padding: 75px 0;
    vertical-align: middle;
    margin: 50px 10vh;
}
.introduction .container {
    padding: 0;
    width: 100%;
    max-width: inherit;
}
.introduction h4 {
    color: #575656;
    font-size: 20px;
}
.introduction-left .introduction-inner {
    float: right;
}
.introduction-right .introduction-inner {
    float: left;
}
.introduction-left .introduction-image {
    margin-right: -20px;
}
.introduction-right .introduction-image {
    margin-left: -20px;
}
.introduction-left .widget_text {
    padding-right: 50px;
}
.introduction-right .widget_text {
    padding-left: 50px;
}
.introduction-image {
    position: relative;
}
.introduction-image .vita {
    position: absolute;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    overflow: hidden;
    border-radius: 100%;
    top: 0;
    background: url("img/logo_zahnaerztinnen.png") no-repeat center center;
    background-size: 100px auto;
}
.introduction-image .vita:hover {
    background-color: rgba(149,42,91,.8);
    opacity: 1;
    transition: .5s;
}
.introduction-image .vita a {
    position: absolute;
    color: #fff;
    top: 65%;
    font-size: 25px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
}
.introduction-image img {
    border-radius: 100%;
    width: 300px;
    height: 300px;
}
.introduction ul {
    list-style: none;
    padding-left: 0;
    margin-top: 50px;
}
.introduction ul li {
    background: url("img/pfeil_kreis.png") no-repeat left center;
    background-size: auto;
    background-size: 30px 30px;
    padding-left: 40px;
    margin: 15px 0;
}
.introduction ul li a {
    color: #fff;
}
.introduction .page-container-main {
    padding: 20px 0;
}
.introduction .simple-image img {
    border-radius: 50%;
    display: inline-block;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
    margin: 15px;
    border: #fff 4px solid;
}
.introduction .widget_simpleimage {
    opacity: 0;
}
.introduction .widget_simpleimage.animated {
    opacity: 1;
}
/**********************
/*Footer              *
/*********************/
#wrapper-footer {
    background-color: #952a5b;
    color: #fff;
    padding: 15px 0;
    margin: 0 10vh;
}
#section-kontakt {
    background-color: #952a5b;
    color: #fff;
    padding: 75px 0;
    margin: 0 10vh;
}
#section-kontakt a, #wrapper-footer a {
    color: #fff;
}
.footer-header {
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,.4);
    padding-bottom: 75px;
}
h3.footer-hl-title {
    font-size: 35px;
    color: #fff;
}
.container-middle #custom_html-6 {
    padding-left: 45px;
    background: url("img/pin_footer.png") no-repeat left top;
    background-size: 30px 30px;
}
.container-right #block-2 {
    padding-left: 45px;
    background: url("img/sprechzeiten.png") no-repeat left top;
    background-size: 30px 30px;
}
.container-right {
    height: 100%;
    position: relative;
}
.container-right #custom_html-5 {
    margin-top: 5vh;
    padding-left: 45px;
    background: url("img/notdienst.png") no-repeat left top;
    background-size: 30px 30px;
}
.container-left #text-10 {
    padding-top: 125px;
    background: url("img/logo_footer.png") no-repeat left top;
    background-size: 170px auto;
    font-family: 'Roboto Slab', serif;
}
ul#menu-footerline {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
/**********************
/*Form              *
/*********************/
#wrapper-map {
    padding: 50px 0;
    margin: 0 10vh;
}
.map-wrapper {
    height: 50vh;
}
.contact-wrapper {
    padding-top: 80px;
}
.wpcf7-form .col {
    margin-bottom: 20px;
}
.wpcf7 textarea, .wpcf7 textarea.wpcf7-validation-errors, textarea.form-control {
    height: 100px;
}
.float-label-control {
    position: relative;
    margin-bottom: 1.5em;
}
.grey-box {
    display: block;
    width: 100%;
    height: 300px;
    background-color: #dbdcdf;
    padding: 25px;
}
span.wpcf7-list-item {
    line-height: 1;
}
.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type="color"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="datetime"], .wpcf7 input[type="email"], .wpcf7 input[type="file"], .wpcf7 input[type="month"], .wpcf7 input[type="number"], .wpcf7 input[type="range"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="week"], .wpcf7 select, .wpcf7 textarea {
    display: block;
    width: 100%;
    padding: 0 10px;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-radius: 0px;
    border-bottom: 1px solid #fff;
    outline: none;
    margin: 0px;
    background-color: #f1f0ef;
    border-bottom: solid 1px #9d3b68;
}
.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type="color"]:focus, .wpcf7 input[type="date"]:focus, .wpcf7 input[type="datetime-local"]:focus, .wpcf7 input[type="datetime"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="file"]:focus, .wpcf7 input[type="month"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 input[type="range"]:focus, .wpcf7 input[type="search"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="time"]:focus, .wpcf7 input[type="url"]:focus, .wpcf7 input[type="week"]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    color: #9c9a9a;
    background-color: #4e4c4b;
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}
.form-control::placeholder, .wpcf7 .wpcf7-validation-errors::placeholder, .wpcf7 input[type="color"]::placeholder, .wpcf7 input[type="date"]::placeholder, .wpcf7 input[type="datetime-local"]::placeholder, .wpcf7 input[type="datetime"]::placeholder, .wpcf7 input[type="email"]::placeholder, .wpcf7 input[type="file"]::placeholder, .wpcf7 input[type="month"]::placeholder, .wpcf7 input[type="number"]::placeholder, .wpcf7 input[type="range"]::placeholder, .wpcf7 input[type="search"]::placeholder, .wpcf7 input[type="tel"]::placeholder, .wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="time"]::placeholder, .wpcf7 input[type="url"]::placeholder, .wpcf7 input[type="week"]::placeholder, .wpcf7 select::placeholder, .wpcf7 textarea::placeholder {
 color: #9c9a9a;
 opacity: 1;
 background-color: #f1f0ef;
}
 .float-label-control ::-webkit-input-placeholder {
color: transparent;
}
 .float-label-control :-moz-placeholder {
color: transparent;
}
 .float-label-control ::-moz-placeholder {
color: transparent;
}
 .float-label-control :-ms-input-placeholder {
color: transparent;
}
.wpcf7-list-item-label {
    font-size: 13px;
}
/*Formular*/
.btn {
    -moz-user-select: none;
    background-image: none;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    background-color: #6c6556;
    color: #ffffff;
}
.btn:hover, .btn:focus {
    background-color: #fff;
    color: #8ca903;
}
.btn.focus, .btn:focus, .wpcf7 input.focus[type="submit"], .wpcf7 input[type="submit"]:focus {
    outline: 0;
    box-shadow: none;
}
.form-control {
    border-radius: 0;
}
.form-control:focus {
    border-color: #e4000b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(228, 0, 11, 0.6);
    outline: 0 none;
}
.float-label-control {
    position: relative;
    margin-bottom: 1.5em;
}
 .float-label-control ::-webkit-input-placeholder {
color: transparent;
}
 .float-label-control :-moz-placeholder {
color: transparent;
}
 .float-label-control ::-moz-placeholder {
color: transparent;
}
 .float-label-control :-ms-input-placeholder {
color: transparent;
}
 .float-label-control input:-webkit-autofill, .float-label-control textarea:-webkit-autofill {
background-color: transparent !important;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-moz-box-shadow: 0 0 0 1000px white inset !important;
box-shadow: 0 0 0 1000px white inset !important;
}
.float-label-control input, .float-label-control textarea, .float-label-control label {
    box-shadow: none;
}
.float-label-control input:focus, .float-label-control textarea:focus {
    box-shadow: none;
    border-bottom: 2px solid #E0252D;
    padding-bottom: 0;
}
.float-label-control textarea:focus {
    padding-bottom: 4px;
}
.float-label-control input, .float-label-control textarea {
    display: block;
    width: 100%;
    padding: 0.1em 0em 1px 0em;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #575656;
    outline: none;
    margin: 0px;
    background: none;
}
.float-label-control textarea {
    padding: 0.1em 0em 5px 0em;
}
.float-label-control label {
    position: absolute;
    font-weight: normal;
    top: -1.0em;
    left: 0.08em;
    color: #aaaaaa;
    z-index: -1;
    font-size: 14px;
    -moz-animation: float-labels 300ms none ease-out;
    -webkit-animation: float-labels 300ms none ease-out;
    -o-animation: float-labels 300ms none ease-out;
    -ms-animation: float-labels 300ms none ease-out;
    -khtml-animation: float-labels 300ms none ease-out;
    animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/
    animation-play-state: running !important;
    -webkit-animation-play-state: running !important;
}
.float-label-control input.empty + label, .float-label-control textarea.empty + label {
    top: 0.1em;
    font-size: 19px;
    animation: none;
    -webkit-animation: none;
}
.float-label-control input:not(.empty) + label, .float-label-control textarea:not(.empty) + label {
    z-index: 1;
}
.float-label-control input:not(.empty):focus + label, .float-label-control textarea:not(.empty):focus + label {
    color: #aaaaaa;
}
.float-label-control.label-bottom label {
    -moz-animation: float-labels-bottom 300ms none ease-out;
    -webkit-animation: float-labels-bottom 300ms none ease-out;
    -o-animation: float-labels-bottom 300ms none ease-out;
    -ms-animation: float-labels-bottom 300ms none ease-out;
    -khtml-animation: float-labels-bottom 300ms none ease-out;
    animation: float-labels-bottom 300ms none ease-out;
}
.float-label-control.label-bottom input:not(.empty) + label, .float-label-control.label-bottom textarea:not(.empty) + label {
    top: 3em;
}
 @keyframes float-labels {
 0% {
opacity: 1;
color: #aaa;
top: 0.1em;
font-size: 1.5em;
}
 20% {
font-size: 1.5em;
opacity: 0;
}
 30% {
top: 0.1em;
}
 50% {
opacity: 0;
font-size: 0.85em;
}
 100% {
top: -1em;
opacity: 1;
}
}
 @-webkit-keyframes float-labels {
 0% {
opacity: 1;
color: #aaa;
top: 0.1em;
font-size: 1.5em;
}
 20% {
font-size: 1.5em;
opacity: 0;
}
 30% {
top: 0.1em;
}
 50% {
opacity: 0;
font-size: 0.85em;
}
 100% {
top: -1em;
opacity: 1;
}
}
 @keyframes float-labels-bottom {
 0% {
opacity: 1;
color: #aaa;
top: 0.1em;
font-size: 1.5em;
}
 20% {
font-size: 1.5em;
opacity: 0;
}
 30% {
top: 0.1em;
}
 50% {
opacity: 0;
font-size: 0.85em;
}
 100% {
top: 3em;
opacity: 1;
}
}
 @-webkit-keyframes float-labels-bottom {
 0% {
opacity: 1;
color: #aaa;
top: 0.1em;
font-size: 1.5em;
}
 20% {
font-size: 1.5em;
opacity: 0;
}
 30% {
top: 0.1em;
}
 50% {
opacity: 0;
font-size: 0.85em;
}
 100% {
top: 3em;
opacity: 1;
}
}
.wpcf7-form input[type="submit"] {
    color: #fff;
    background-color: #9d3b68;
    border-color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 6px 25px 6px;
    width: auto;
    font-family: 'Roboto Slab', serif;
}
.btn-outline-primary:hover, .wpcf7 input[type="submit"]:hover {
    background-color: #fff;
    color: #9d3b68;
    border-color: #868e96;
}
div.wpcf7 {
    max-width: none;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type="submit"], .wpcf7 input[type="submit"]:disabled {
    color: #9d3b68;
    background-color: transparent;
    border-color: #9d3b68;
}
/* remove standard-styles */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%
}
/* styling */
select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #575656;
    padding: 8px 0;
    box-shadow: none;
    background-color: white;
    background-image: url(img/nach-unten.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 20px;
}
select:hover {
    box-shadow: none;
}
.wpcf7-acceptance{
    font-size: 15px;
    line-height: 1.3;
	color: #9c9a9a;
}
/**********************
/*Mobile Menu Overwrite*
/*********************/
.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
.mm-menu.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0,0,0,.15);
    color: rgba(255,255,255,.8)
}
.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar>*, .mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
    border-color: rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0,0,0,.15)
}
.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,.4)
}
.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0,0,0,.1);
    tap-highlight-color: rgba(0,0,0,.1)
}
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0,0,0,.1)
}
.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255,255,255,.05)
}
.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255,255,255,.8)
}
.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0,0,0,.5)
}
.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8)
}
.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.1)
}
.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0,0,0,.15)
}
.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}
.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}
.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.6)
}
.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar>*, .mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0,0,0,.1)
}
.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
    border-color: rgba(0,0,0,.3)
}
.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0,0,0,.05);
    tap-highlight-color: rgba(0,0,0,.05)
}
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0,0,0,.05)
}
.mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0,0,0,.03)
}
.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0,0,0,.6)
}
.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.6)
}
.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0,0,0,.3)
}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.05)
}
.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0,0,0,.1)
}
.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}
.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}
.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.6)
}
.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar>*, .mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
    border-color: rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,.4)
}
.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,.3);
    tap-highlight-color: rgba(255,255,255,.3);
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
}
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255,255,255,.3)
}
.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255,255,255,.6)
}
.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}
.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.6)
}
.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255,255,255,.3)
}
.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255,255,255,.2)
}
.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}
.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}
.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}
.mm-menu .mm-tileview.mm-listview>li>.mm-next:after, .mm-menu .mm-tileview.mm-listview>li>.mm-next:before, .mm-menu.mm-tileview .mm-listview>li>.mm-next:after, .mm-menu.mm-tileview .mm-listview>li>.mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}
.mm-menu .mm-tileview.mm-listview>li, .mm-menu.mm-tileview .mm-listview>li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}
.mm-menu .mm-tileview.mm-listview>li:after, .mm-menu.mm-tileview .mm-listview>li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview>li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-s, .mm-menu.mm-tileview .mm-listview>li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-l, .mm-menu.mm-tileview .mm-listview>li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview>li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}
.mm-menu .mm-tileview.mm-listview>li>a, .mm-menu .mm-tileview.mm-listview>li>span, .mm-menu.mm-tileview .mm-listview>li>a, .mm-menu.mm-tileview .mm-listview>li>span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}
.mm-menu .mm-tileview.mm-listview>li>.mm-next, .mm-menu.mm-tileview .mm-listview>li>.mm-next {
    width: auto
}
.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}
.mm-menu.mm-tileview .mm-listview {
    margin: 0
}
/* Navigation Mobil
--------------------------------------------------------------- */
.navi-mmenu a {
    float: right;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: all .5s;
    transition: all .5s;
    line-height: 20px;
}
.mm-opened .navi-mmenu a {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#navi-trigger {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 26px;
    height: 16px;
    z-index: 4;
    background: none;
    margin-left: 5px;
}
#navi-trigger:before, #navi-trigger:after, #navi-trigger span {
    background: #000;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
}
#navi-trigger:before {
    top: 0;
}
#navi-trigger span {
    top: 50%;
}
#navi-trigger:after {
    top: 100%;
}
#menu {
    text-transform: uppercase;
}
.more-info {
    font-size: 14px;
}
.mm-menu.mm-theme-black {
    background: rgba(0,0,0,.75);
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.8);
    width: 100%;
}
.mm-menu > .mm-navbar {
    border: none;
}
.mm-navbar-top img {
    width: 190px;
    height: 75px;
    margin-top: 15px;
}
.mm-menu > .mm-navbar-bottom {
    margin-left: 2.25em;
    padding: .75em 0 0;
    width: auto;
    display: table;
}
.mm-menu > .mm-navbar-bottom:before {
    content: "";
    width: 60px;
    height: 1px;
    background: rgba(255,255,255,.2);
    position: relative;
    display: block;
    bottom: .75em;
}
.mm-menu.mm-theme-black > .mm-navbar-bottom > * {
    width: auto;
    margin-right: 1.5em;
    color: #fff;
}
.mm-menu.mm-theme-black > .mm-navbar-bottom > *:hover {
    color: rgba(255,255,255,.6);
}
.mm-menu > .mm-navbar, .mm-panels, .mm-panels > .mm-panel {
    background: transparent;
}
.mm-menu.mm-theme-black .mm-navbar img{
	height: 100px;
	width: auto;
}
#menu > .mm-panels > .mm-panel, .mm-navbar.mm-hasbtns, .mm-panels > .mm-panel {
    padding: 2.25em;
}
.mm-menu.mm-theme-black .mm-listview {
    border-color: transparent;
}
.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: transparent;
}
.mm-menu.mm-theme-black #mm-0 > .mm-listview > li > a:not(.mm-next) {
    color: rgba(255,255,255,.6);
    font-weight: 700;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}
.mm-panels > .mm-panel > .mm-listview:first-child > li > a {
    padding-right: 10px;
    font-weight: 700;
    font-size: 125%;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 0.05em;
}
.mm-panels > .mm-panel > .mm-listview:first-child > li > a:hover, .mm-panels > .mm-panel > .mm-listview:first-child > li > a:focus, .mm-panels > .mm-panel > .mm-listview:first-child > li > a.open, .mm-panels > .mm-panel > .mm-listview:first-child > li > a#mobile-aktiv {
    padding-left: 30px;
    padding-right: 0;
}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    padding: 5px 0 5px 20px;
}
.mm-panel .mm-panel .mm-listview {
    border-left: 1px solid rgba(255,255,255,.15);
}
.mm-panels > .mm-panel > .mm-listview.auflistung {
    margin: .5em 0;
}
.mm-listview > li > a, .mm-listview > li > span {
    padding: 5px 10px 5px 20px;
}
.mm-menu li a:not(.mm-next):hover, .mm-menu li a#mobile-aktiv, .mm-menu li a.open, .mm-menu li.mm-open > a:not(.mm-next), .mm-menu li.active > a:not(.mm-next) {
    color: #fff!important;
    padding-left: 30px;
    padding-right: 0;
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: transparent;
    color: #fff;
}
.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
    top: 10px;
	bottom: auto;
}
.mm-listview .mm-next:before {
    content: none;
}
.mm-menu ul li ul li ul li a {
    padding-left: 10px;
}
.mm-panel .mm-panel .mm-panel .mm-listview {
    border: none;
    text-transform: none;
}
.mm-menu ul ul ul li a:before {
    content: "";
    height: 10px;
    width: 5px;
    display: block;
    position: absolute;
    left: 0;
    border: 1px solid rgba(255,255,255,0.3);
    top: 5px;
    border-top: none;
    border-right: none;
}
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
    width: 10px;
    height: 10px;
}
.mm-clear:before, .mm-close:before {
    right: 13px;
}
.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
    border-color: #fff;
}
.info-jobs {
    position: absolute;
    bottom: -10px;
    right: -160px;
    height: 90px;
    width: 90px !important;
    background: #fff;
    border-radius: 100%;
    font-size: 12px;
    color: #000 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: rotate(-5deg);
    line-height: 1.2;
}
/* navi-trigger animation 
--------------------------------------------------------------- */
#navi-trigger:before, #navi-trigger:after, #navi-trigger span {
    -webkit-transition: all .5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
html.mm-opening #navi-trigger:before, html.mm-opening #navi-trigger:after, html.mm-opening #navi-trigger span {
    height: 2px;
}
html.mm-opening #navi-trigger:before, html.mm-opening #navi-trigger:after {
    top: 10px;
}
html.mm-opening #navi-trigger span {
    right: -50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
html.mm-opening #navi-trigger:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
html.mm-opening #navi-trigger:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-menu li a {
    -webkit-transition: all .3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* navi-trigger animation 
--------------------------------------------------------------- */
#navi-trigger:before, #navi-trigger:after, #navi-trigger span {
    -webkit-transition: all .5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
html.mm-opening #navi-trigger:before, html.mm-opening #navi-trigger:after, html.mm-opening #navi-trigger span {
    height: 2px;
}
html.mm-opening #navi-trigger:before, html.mm-opening #navi-trigger:after {
    top: 10px;
}
html.mm-opening #navi-trigger span {
    right: -50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
html.mm-opening #navi-trigger:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
html.mm-opening #navi-trigger:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-menu li a {
    -webkit-transition: all .3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#custom_html-16{
    width: fit-content;
}
/**********************
/*Responsive Stuff    *
/*********************/

@media (min-width: 1600px) {
.container {
    max-width: 1400px;
}
}

@media (max-width: 1550px) {
.main-content {
    padding-right: 50px;
}
h3.entry-title {
    font-size: 25px;
}
}

@media (max-width: 1550px) {
.topslider {
    padding: 65px 25px;
}
.container-max {
    padding: 0 25px;
}
.section.content .container {
    padding: 50px 25px;
}
.introduction {
    margin: 50px 25px;
}
.section.impressionen {
    margin: 0 25px;
}
#section-kontakt, #wrapper-footer {
    margin: 0 25px;
}
.section.serviceslider {
    margin: 0 25px 50px;
}
#wrapper-map {
    padding: 50px 0;
    margin: 0 25px;
}
.header-textblock h2 {
    font-size: 28px;
}
}

@media (max-width: 1300px) {
.section.serviceslider .service-img img {
    width: 200px;
    height: 200px;
}
.header-textblock {
    top: 60vh;
    font-size: 15px;
}
.header-textblock h2 {
    font-size: 18px;
}
.header-textblock h2::after {
    margin: 25px 0;
}
.logo {
    max-width: 100%;
}
.container-left {
    font-size: 16px;
}
.container-left #text-10 {
    padding-top: 80px;
    background-size: 120px auto;
    font-family: 'PT Sans', sans-serif;
}
.footer-header {
    padding-bottom: 50px;
}
.introduction h4 {
    font-size: 16px;
}
.introduction-left .introduction-image {
    margin-right: -30px;
}
.introduction-right .introduction-image {
    margin-left: -30px;
}
.introduction-right .widget_text {
    padding-left: 25px;
}
.introduction-left .widget_text {
    padding-right: 25px;
}
}

@media (max-width: 1200px) {
.introduction-left .introduction-inner, .introduction-right .introduction-inner {
    float: none;
    margin: 0 auto;
    width: 300px;
}
.introduction-left .introduction-image, .introduction-right .introduction-image {
    margin-right: 0;
    margin-left: 0;
}
.introduction-right .widget_text, .introduction-left .widget_text {
    padding-left: 0;
    padding-right: 0;
    margin: 25px auto;
    text-align: center;
    width: 200px;
}
.introduction h4 {
    font-size: 16px;
    text-align: center;
}
.section.content {
    padding: 0 0 50px;
}
}

@media (max-width: 960px) {
.container-right #custom_html-5 {
    position: relative;
}
.container-middle .footer2-widget, .container-left .footer1-widget, .container-right .footer3-widget {
    margin-bottom: 50px;
}
.carousel .slider-direction-nav .flex-next {
    left: 50px;
}
.carousel .slider-direction-nav .flex-prev {
    left: 0;
}
}

@media (max-width: 765px) {
#viewportlogo {
    display: none;
}
.logo-sticky {
    width: 200px;
    height: 120px;
    max-width: 240px;
    z-index: 9;
    position: relative;
    background: transparent url("img/logo_zahnart_viernheim.svg") no-repeat scroll left top;
    background-size: contain;
    margin: 5px 0;
    opacity: 1;
}
.wrapper-navbar.mobil-sticky {
    height: 65px;
    overflow: hidden;
    transition: all 0.6s ease 0s;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
.widget_text.home-right {
    margin-top: 50px;
}
.section.content {
    padding: 0;
}
.section.content .container {
    padding: 50px 25px 0;
}
.section.zitat {
    padding: 0;
}
.section.impressionen {
    padding: 25px 0;
}
.section.content .container {
    padding: 0 25px;
}
#section-kontakt {
    padding: 25px 0 0;
}
.footer-header {
    padding-bottom: 25px;
}
#wrapper-footer {
    padding: 0;
}
.main-content {
    padding-right: 0;
}
.team-member {
    margin-bottom: 25px;
}
.carousel-item.full-screen, .single-image.full-screen, #carouselheader, .header_image {
    height: 50vh;
}
.topslider {
    padding: 120px 25px 0;
}
.header-textblock {
    top: 63vh;
}
.header-textblock {
    top: 0;
    font-size: 15px;
    position: relative;
    margin: 25px 0;
}
h3.footer-hl-title {
    font-size: 25px;
}
.section.serviceslider {
    padding: 25px 0;
}
.section.serviceslider h3 {
    font-size: 20px;
}
.section.serviceslider .newsslider-wrapper {
    margin-top: 25px;
}
.services-slider-item .service-txt {
    margin-top: 25px;
}
.section.zitat h3,.section.zitat {
	font-size: 22px;
	line-height: 1.2;
}
#nav-mobile, #mm-blocker{
	margin-top: 65px;
}
ul.vita .date{
	width: 100%;
	font-weight: bold;
}
ul.vita span{
	padding-left: 0;
}

}

@media (max-width: 500px) {
.menu-top-container ul li a {
    width: 50px;
	height: 50px;
}
.menu-top-container ul {
    margin: 0;
    margin-right: 2px;
}
.menu-top-container ul li.tel a {
    background-size: 14px;
}
.menu-top-container ul li.mail a {
    background-size: 25px;
}
.menu-top-container ul li a {
    padding: 0;
    background-position: center;
    width: 50px;
    height: 50px;
}
#nav-mobile, #mm-blocker{
	margin-top: 50px;
}
.wrapper-navbar.mobil-sticky {
    transition: all 0.2s ease 0s;
    height: 50px;
    overflow: hidden;
}
.entry-title {
    margin-bottom: 25px;
    margin-top: 25px;
}
.container-right #custom_html-5, .container-right #custom_html-4, .container-middle #custom_html-6 {
	padding-left: 0;
	padding-top: 40px;
	line-height: 1.5;
	font-size: 15px;
}
.introduction ul {
    margin-top: 25px;
    margin-bottom: 50px;
}
.introduction-left .introduction-image, .introduction-right .introduction-image {
    width: 200px;
    height: 200px;
    margin: auto;
}
.introduction-image img {
    width: 200px;
    height: 200px;
}
.introduction-image .vita a {
    font-size: 20px;
}
.to-team {
	padding:0;
}
.widget_text.home-right h4 {
    margin-bottom: 25px;
}
.widget_text.home-right ul li a span{
	display: none;
}
.introduction {
    margin: 25px 25px;
    padding: 50px 0;
}
.introduction {
    margin: 25px 25px;
    padding: 50px 0;
}
#footer-full-content{
    font-size: 15px;
    line-height: 1.5;
	padding-bottom: 25px;
}
.logo-sticky {
    height: 90px;
	width: 130px;
}
.wrapper-navbar.mobil-sticky .logo-sticky{
    background: transparent url("img/sticky-logo.png") no-repeat scroll left top;
    transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
	background-size: auto 40px;
}
.topslider {
    padding: 100px 25px 0;
}
.hamburger {
    padding: 10px 13px;
    border: 0;
    margin: 0;
    overflow: visible;
    height: 50px;
    width: 50px;
}
.hamburger-box {
	height: 19px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 27px;
    height: 2px;
    border-radius: 0;
}
.fullscreen-widget.topleft, .button_container {
    top: 90px;
}
.navbar {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 ); /* IE6-9 */
    padding-bottom: 60px;
}
.service-overlay {
    right: -100%;
    width: 100%;
    overflow-y: auto;
}
.service-overlay .service-txt {
    width: 80%;
    margin-top: 30px;
}
#fullpage .section h2 {
    font-size: 22px;
}
.btn {
    font-size: 16px;
}
.service-overlay .service-txt {
    align-items: start;
}
.wpmm-header-image {
    max-height: 65px !important;
}
.mm-menu_position-bottom {
    height: 100% !important;
}
#fullpage .section.section-footer {
    padding: 150px 0 20px;
}
#fp-nav {
    display: none !important;
}
.hamburger.is-active {
    background-color: #952a5b;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}
h3.entry-title {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
}
@media (max-width: 400px) {
    .menu-top-container ul li a {
        padding: 0;
        background-position: center;
        width: 40px;
        height: 40px;
    }
    .hamburger {
        padding: 6px;
        height: 40px;
        width: 40px;
    }
    .logo-sticky {
        height: 90px;
        width: 100px;
    }
}
.green{
        color: #9ebf43;
}

button.show_vita{
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 0;
    text-decoration: underline;
    color: #9c9a9a;
}
button.show_vita:focus {
    outline: none;
}
.team-member p{
    margin-bottom: 0;
}
.responsive-map{
    width: 100%;
    height: 100%;
}
.menu-footer-container ul {
    list-style: none;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
}
.menu-footer-container li:not(:first-child)::before {
    content: '|';
    display: inline-block;
    margin-right: 5px;
}
.menu-footer-container li {
    display: inline-block;
}