/*
 * GENERAL VARIABLES
 */
/* COLORS */
/* #ccc */
/* #f2f2f2 */
/* #000 */
/* opacity .8 */
/* opacity .8 */
/* FONT */
/* FONT-FAMILY */
/* Font-Size*/
/* Font-Weight */
/* Text */
/* WRAP */
/* SCROLL-TO-TOP */
/* SPACE */
/* PADDING */
/* TABLE */
/* CLASSES FOR MIXINS */
/*
 * NAVIGATION VARIABLES
 */
/* 
 * Main 
 */
/* mobile */
/* mobile */
/* 
 * Mobile Navigation 
 */
/* 
 * MicroNav 
 */
/* 
 * FooterNavi 
 */
/* 
 * Aside 
 */
/*
 * TEXT-BLOCK
 */
/* 
 * Page-Image 
 */
/* 
 * Pagination 
 */
/* 
 * Input-Fields 
 */
/* 
 * Single-Content Navigation 
 */
/* 
 * Infinite Loading 
 */
/*
 * CORE-DESIGN
 */
/* 
 * CONTACT-FORM 
 */
/* 
 * BREADCRUMBS 
 */
/* 
 * SEARCH 
 */
/* 
 * Autosuggest
 */
/* 
 * SOCIAL SHARING 
 */
/* 
 * CLICKLIST 
 */
/* 
 * CONSENT-TOOL 
 */
/* 
 * LOGIN-FORM FE 
 */
/*
 * PROJECT ADAPTION
 */
/* 
 * PAGE-ASIDE 
 */
/* MODULE - ASIDE */
/*
 * aside single view 
 */
/* 
 * SECTION / PAGE-CONTENT 
 */
/*
 * section single view 
 */
/* FOOTER */
/*
 *  PLUGINS
 */
/* 
 * InfoBox 
 */
/* 
 * InfoImage 
 */
/* 
 * Gallery 
 */
/* 
 * Accodreon 
 */
/* ZOOM-INDICATOR */
/*
 * FAQ
  */
/*
 * COLS
 */
/* 
 * ColRight & ColLeft Space 
 */
/*
 * Listings
 */
/* 
 * Space If elements > cols-numer (4 items > .cols .items-x3) || .doubleSpace-break 
 */
/*
 * Listings
 */
/* Card-Item */
/* Shadow */
/* Zoom */
/* link-cover */
/* List-View */
/* Shadow */
/* Border */
/* Zoom */
/* Vertical Align Content */
/* Vertical Align Image */
/* Spacing */
/* link-cover */
/*
 * WIDGETS
 */
/* Contact */
/* Top-Line */
/* Cites */
/* Reviews */
/* Text with Link */
/* Adjustments */
/* Aside Links */
/*
 * Module
 */
/*
 * Intern
 */
/* Gradiant for Items */
/* tabs */
/* Dropzone */
/* Dashboard */
/*
 * GENERAL VARIABLES
*/
/* COLORS */
/* red */
/* orange */
/* dark grey */
/* FONT */
/* FONT-FAMILY */
/* Font-Size*/
/* Font-Weight */
/* Special Options */
/* WRAP */
/* SCROLL-TO-TOP */
/* Top-Line */
/*
 * NAVIGATION VARIABLES
 */
/* Main */
/* mobile */
/* mobile */
/* MOBILE */
/* STICKY */
/* PAGE-ASIDE */
/* SECTION / PAGE-CONTENT */
/* FOOTER */
/* Pagination */
/* Nav-Pageview */
/* Single-Content Navigation */
/* Header-Elements */
/* BREADCRUMBS */
/* ASIDE */
/* SEARCH */
/*
 * COLS
 */
/* List-View */
/* 
 * Module
 *  */
html {
  -webkit-text-size-adjust: 100%;
}
.mobile-action-btn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  color: #333333;
  background: #ffffff;
  clear: both;
  font-size: 200%;
}
.mobile-action-btn span {
  text-indent: -9999px;
  display: block;
  height: 0;
}
@media only screen and (min-width: 2000px) {
  #header-image,
  #alternate-image {
    overflow: visible;
    right: unset;
    left: 50%;
  }
  .page-content .content-left .mask-image {
    left: unset;
    right: calc(45vw + 15px);
  }
  .page-content .content-right .mask-image {
    left: 50vw;
    right: unset;
  }
}
@media only screen and (min-width: 1600px) {
  .home #header-image,
  .home #alternate-image {
    max-height: 735px;
    max-width: 735px;
  }
  .page-content .content-left .mask-image {
    max-height: 900px;
    max-width: 900px;
  }
  .page-content .content-right .mask-image {
    max-height: 910px;
    max-width: 910px;
  }
}
@media only screen and (max-width: 1410px) {
  .default .page-wrap,
  .blank .page-wrap {
    overflow-x: hidden;
    overflow-x: clip;
  }
}
@media only screen and (min-width: 1020px) {
  .sticky-nav .logo-background {
    top: -417px;
  }
  .sticky-nav div#info-block,
  .sticky-nav div#page-topline,
  .sticky-nav div#page-breadcrumbs {
    display: none;
  }
  .sticky-nav header#page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 1000;
    border-bottom: solid 1px #8d0000;
    padding-top: 0;
  }
  .sticky-nav header#page-header .wrap.white {
    margin-top: 0;
    padding: 0 20px;
  }
  .sticky-nav header#page-header nav#page-navigation {
    padding: 0px 0;
  }
  .sticky-nav header#page-header nav#page-navigation a#page-logo object,
  .sticky-nav header#page-header nav#page-navigation a#page-logo img {
    height: 60px;
    width: auto;
    padding: 5px 0;
  }
  .sticky-nav header#page-header nav#page-navigation .main-navigation {
    padding: 19px 0;
  }
  .sticky-nav header#page-header nav#page-navigation div#info-block,
  .sticky-nav header#page-header nav#page-navigation div#page-topline {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  .wrap:not(.visible) {
    width: 100%;
    padding: 0 15px;
    overflow: hidden;
  }
  #header-image {
    max-width: calc(1280px /2);
    max-height: calc(1280px /2);
  }
  .home #header-image {
    top: 185px;
  }
  .home .widget-cite {
    left: 0;
    padding-top: 0;
  }
  .default #header-image,
  .blank #header-image,
  .default #alternate-image,
  .blank #alternate-image {
    overflow: hidden;
  }
  .footer-top {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1140px) {
  footer#page-footer .footer-background.background-orange {
    z-index: 4;
    left: -80px;
    bottom: -245px;
  }
  footer#page-footer .footer-background.background-yellow {
    z-index: 4;
    bottom: -230px;
    left: 55%;
  }
  footer#page-footer .footer-background.background-grey {
    z-index: 5;
    right: -320px;
    bottom: -235px;
  }
  .page-content .content-left.service-image .mask-image {
    right: calc(33vw + 30px);
    height: 70vw;
    width: 70vw;
  }
  .page-content .content-right.news-image .mask-image {
    left: 35vw;
    top: 0;
    height: 70vw;
    width: 70vw;
  }
  .default .page-wrap #header-image,
  .blank .page-wrap #header-image {
    height: 37vw;
    width: 37vw;
    top: 55px;
    left: calc(50% + 410px);
  }
  .default .page-wrap #alternate-image,
  .blank .page-wrap #alternate-image {
    height: 37vw;
    width: 37vw;
    top: 55px;
    left: calc(50% + 410px);
  }
}
@media only screen and (max-width: 1024px) {
  a#page-logo {
    width: auto;
  }
  a#page-logo object,
  a#page-logo img {
    display: block;
    height: 80px;
    width: auto;
  }
  #mobile-nav-item.mobileonly {
    display: inline-block;
    top: 15px;
    left: inherit;
    right: 15px;
    line-height: initial;
  }
  #mobile-nav-item.mobile-action-btn span {
    text-indent: inherit;
    display: block;
    height: auto;
    font-size: 40%;
  }
  #page-header {
    padding-top: 0;
  }
  .home .page-wrap #header-image,
  .default .page-wrap #header-image,
  .blank .page-wrap #header-image {
    height: 40vh;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    max-width: unset;
    max-height: unset;
  }
  .home .page-wrap #header-image .header-image-wrap,
  .default .page-wrap #header-image .header-image-wrap,
  .blank .page-wrap #header-image .header-image-wrap {
    right: 0;
  }
  .home .page-wrap #header-image .header-image-wrap .background,
  .default .page-wrap #header-image .header-image-wrap .background,
  .blank .page-wrap #header-image .header-image-wrap .background {
    display: none;
  }
  .home .page-wrap #header-image .header-image-wrap img,
  .default .page-wrap #header-image .header-image-wrap img,
  .blank .page-wrap #header-image .header-image-wrap img {
    -webkit-mask-image: none;
    mask-image: none;
    object-position: 50% 50%;
  }
  .default:not(.divide) section#page-content,
  .blank section#page-content {
    padding: 30px 15px 0px 0;
  }
  .default:not(.divide) aside#page-aside,
  .blank aside#page-aside {
    padding: 15px 0 0 15px;
  }
  .default:not(.divide) .page-wrap,
  .blank .page-wrap {
    position: relative;
  }
  .default:not(.divide) .page-wrap #header-image,
  .blank .page-wrap #header-image {
    height: 35vh;
    transform: unset;
  }
  #home-template .content-left {
    width: 100%;
    padding-right: 0;
  }
  /* Level 0 */
  ul.main-navigation.side-navigation {
    height: 0;
    position: absolute;
    width: 200px;
    top: 30px;
    right: 90px;
  }
  ul.main-navigation.side-navigation > li:nth-child(n+2) {
    border-top: solid 1px #ffffff;
  }
  ul.main-navigation.side-navigation > li > .nav-item-wrap > a {
    width: 100%;
  }
  ul#main-navigation.default {
    width: 100%;
    position: relative;
    /* Level 1 */
  }
  ul#main-navigation.default ul.level-1 {
    height: 0;
    background: #ee7d00;
    overflow: hidden;
    width: 100%;
  }
  ul#main-navigation.default ul.level-1 > li {
    /* Level 2 */
  }
  ul#main-navigation.default ul.level-1 > li:nth-child(n+2) {
    border-top: dotted 1px #ffffff;
  }
  ul#main-navigation.default ul.level-1 > li > .nav-item-wrap > a {
    color: #ffffff;
    font-size: 100%;
    display: block;
    padding: 18px 0;
    width: calc( 100% -  50px);
    float: left;
    padding-left: 50px;
  }
  ul#main-navigation.default ul.level-1 > li .dropdown-indicator {
    display: inline-block;
    width: 50px;
    padding: 15px 0px;
    color: #ffffff;
  }
  ul#main-navigation.default ul.level-1 > li ul.level-2 {
    height: 0;
    background: #333333;
  }
  ul#main-navigation.default ul.level-1 > li ul.level-2 > li:nth-child(n+2) {
    border-top: dotted 1px #ffffff;
  }
  ul#main-navigation.default ul.level-1 > li ul.level-2 > li > .nav-item-wrap > a {
    color: #ffffff;
    font-size: calc(100% - 10%);
  }
  ul#main-navigation {
    height: 0;
    overflow: hidden;
    background: #8d0000;
  }
  ul#main-navigation li {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
  }
  ul#main-navigation li a {
    display: block;
    padding: 15px 0;
    width: calc( 100% -  50px);
    float: left;
    padding-left: 100px;
  }
  ul#main-navigation .dropdown-indicator {
    display: inline-block;
    width: 50px;
    padding: 15px 0px;
    color: #ffffff;
  }
  ul#main-navigation > li:nth-child(n+2) {
    border-top: solid 1px #ffffff;
  }
  ul#main-navigation > li > .nav-item-wrap > a {
    color: #ffffff;
    font-size: calc(100% + 5%);
  }
  /* Level 0 */
  ul.main-navigation {
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #8d0000;
    display: block;
    position: relative;
  }
  ul.main-navigation li {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
  }
  ul.main-navigation li a {
    display: block;
    padding: 15px 0;
    width: calc( 100% -  50px);
    float: left;
  }
  ul.main-navigation .dropdown-indicator {
    display: inline-block;
    width: 50px;
    padding: 15px 0px;
  }
  ul.main-navigation > li {
    /* Level 1 */
  }
  ul.main-navigation > li:nth-child(n+2) {
    border-top: solid 1px #ffffff;
  }
  ul.main-navigation > li > .nav-item-wrap > a {
    color: #ffffff;
    font-size: calc(100% + 5%);
  }
  ul.main-navigation > li ul.level-1 {
    background: #ee7d00;
    width: 100%;
  }
  ul.main-navigation > li ul.level-1 > li {
    /* Level 2 */
  }
  ul.main-navigation > li ul.level-1 > li:nth-child(n+2) {
    border-top: dotted 1px #ffffff;
  }
  ul.main-navigation > li ul.level-1 > li > .nav-item-wrap > a {
    color: #ffffff;
    font-size: 100%;
  }
  ul.main-navigation > li ul.level-1 > li ul.level-2 {
    background: #333333;
  }
  ul.main-navigation > li ul.level-1 > li ul.level-2 > li:nth-child(n+2) {
    border-top: dotted 1px #ffffff;
  }
  ul.main-navigation > li ul.level-1 > li ul.level-2 > li > .nav-item-wrap > a {
    color: #ffffff;
    font-size: calc(100% - 10%);
  }
  div#content-head #page-image {
    padding-bottom: 45%;
  }
  footer#page-footer #footer-navigation {
    display: block;
  }
  footer#page-footer #footer-navigation > li {
    display: block;
    padding: 5px 0;
  }
  footer#page-footer #footer-navigation > li:not(:first-child) {
    padding-left: 0;
  }
  footer#page-footer #footer-navigation > li:not(:first-child):before {
    content: unset;
  }
  footer#page-footer .footer-background.background-grey {
    right: -305px;
    bottom: -125px;
    height: 600px;
    z-index: 6;
  }
}
@media only screen and (max-width: 950px) {
  body.blank section#page-content {
    width: 100%;
    margin: 0;
  }
  div#page-background {
    background: url("http://staging.hebammenpraxis-plauen.de/images//default/bg-header.jpg") transparent no-repeat bottom center cover;
  }
  .mask-team-list-custom > li:nth-child(2n +1) .content-text,
  .team-widget-default-custom > li:nth-child(2n +1) .content-text {
    padding-left: 15px;
  }
  .mask-team-list-custom > li:nth-child(2n) .content-text,
  .team-widget-default-custom > li:nth-child(2n) .content-text {
    padding-right: 15px;
  }
  .page-content .content-right.news-image .mask-image {
    left: 32vw;
    z-index: -1;
    top: 0;
    height: 90vw;
    width: 90vw;
  }
}
@media only screen and (max-width: 900px) {
  body > .ui-autocomplete.ui-menu {
    width: calc(100% -  2 * 15px) !important;
    left: 15px !important;
  }
  .page-content {
    padding: 15px 0;
  }
  .page-content .content-left.service-image .mask-image {
    right: calc(30vw + 30px);
    height: 95vw;
    width: 95vw;
    top: 60px;
  }
  footer#page-footer .footer-background.background-red {
    z-index: 5;
    height: 600px;
    width: auto;
    bottom: -375px;
    left: 34%;
  }
  footer#page-footer .footer-background.background-orange {
    z-index: 4;
    left: -80px;
    bottom: -245px;
    height: 700px;
  }
  footer#page-footer .footer-background.background-grey {
    z-index: 5;
    height: 740px;
    width: auto;
    right: -295px;
    bottom: -365px;
  }
  footer#page-footer .footer-background.background-yellow {
    z-index: 4;
    bottom: -205px;
    left: 55%;
  }
  footer#page-footer #footer-navigation {
    position: relative;
    top: -100px;
  }
}
@media only screen and (max-width: 785px) {
  footer#page-footer .footer-background.background-red {
    width: 665px;
    bottom: -510px;
    left: 50%;
    height: 500px;
    transform: rotate(27deg) translateX(-50%);
    z-index: 6;
  }
  footer#page-footer .footer-background.background-grey {
    z-index: 4;
  }
  footer#page-footer .footer-background.background-yellow {
    z-index: 5;
  }
  footer#page-footer .footer-heart {
    display: none;
  }
  footer#page-footer .footer-top {
    top: -40px;
    flex-direction: column-reverse;
  }
  footer#page-footer .footer-top .footer-nav {
    padding-top: 30px;
  }
  footer#page-footer #footer-navigation {
    top: 0px;
  }
  footer#page-footer #footer-navigation > li {
    display: inline-block;
  }
  footer#page-footer #footer-navigation > li:not(:first-child) {
    padding-left: 20px;
  }
  footer#page-footer #footer-navigation > li:not(:first-child):before {
    content: "|";
  }
}
@media only screen and (max-width: 750px) {
  .default:not(.divide) aside#page-aside,
  .default:not(.divide) section#page-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  .content-left {
    padding-right: 0;
    width: 100%;
  }
  .content-right {
    padding-left: 0;
    width: 100%;
  }
  #service-content {
    display: flex;
    flex-direction: column;
  }
  #service-content .wrap {
    order: 1;
  }
  #service-content .wrap .content-right {
    width: 100%;
    padding-left: 0;
  }
  #service-content .service-image {
    width: 100%;
    padding: 0 15px;
    order: 2;
  }
  #service-content .service-image .mask-image {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 300px;
  }
  #service-content .service-image .mask-image .mask-image-wrap {
    right: 0;
  }
  #service-content .service-image .mask-image .mask-image-wrap .background {
    display: none;
  }
  #service-content .service-image .mask-image .mask-image-wrap img {
    -webkit-mask-image: none;
    mask-image: none;
  }
  #news-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 45px;
  }
  #news-content .wrap {
    order: 1;
  }
  #news-content .wrap .content-left {
    width: 100%;
    padding-right: 0;
  }
  #news-content .wrap .content-left ul.news-list-widget {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  #news-content .news-image {
    width: 100%;
    padding: 0 15px;
    order: 2;
  }
  #news-content .news-image .mask-image {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 300px;
  }
  #news-content .news-image .mask-image .mask-image-wrap {
    right: 0;
  }
  #news-content .news-image .mask-image .mask-image-wrap .background {
    display: none;
  }
  #news-content .news-image .mask-image .mask-image-wrap img {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .text-with-image {
    flex-direction: column-reverse;
  }
  .text-with-image .cta-image {
    width: 300px;
    height: 300px;
  }
  .text-with-image .content-text {
    width: 100%;
    padding: 0 30px 30px;
  }
}
@media only screen and (max-width: 700px) {
  .plugin-infoimage.col-w40 {
    width: 49%;
  }
  a#page-logo {
    width: auto;
  }
  .logo-background {
    left: -400px;
    height: 550px;
  }
}
@media only screen and (max-width: 600px) {
  .kontakt #text,
  .kontakt #moduleContent.kontakt {
    width: 100%;
    margin: 0%;
    float: none;
  }
  #text .GMUserdefined {
    height: 200px;
  }
}
@media only screen and (max-width: 450px) {
  h1 {
    font-size: 250%;
  }
  h2 {
    font-size: 220%;
  }
  .rte-plugin.rightbox.col-w40,
  .rte-plugin.leftbox.col-w40 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    float: none;
  }
  footer#page-footer .footer-background.background-yellow {
    bottom: -175px;
  }
  footer#page-footer .footer-background.background-grey {
    right: -240px;
    bottom: -240px;
  }
  a#page-logo object,
  a#page-logo img {
    height: 65px;
    width: auto;
  }
  footer#page-footer .footer-top .footer-image img {
    height: 75px;
  }
}