/*
 * 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
 *  */
/* Mixin - Grid */
/* Image Filter */
/* Heading */
/* Listelemnts */
/* NavSpacer */
/* Absolute Position */
/*
 * STYLES CSS - TOC
 *
 * 01) FONTS
 * 02) BASIC CSS
 * 03) PAGE LAYOUT
 * 04) RTE PLUGINS
 */
/*
 * FONTS
 *
 * load local font files here
 *
 * add "@{font-path}" as url-prefix
 *
 * this files is used by
 * 	- styles.less
 *  - editor.less
 */
/* lato-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100italic.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-100italic.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300italic.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-300italic.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-regular.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-regular.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-italic.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-italic.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700italic.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-700italic.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900italic.eot');
  src: url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('http://staging.hebammenpraxis-plauen.de/inc/css//hebammen/fonts/lato/lato-v24-latin-900italic.svg#Lato') format('svg');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/*
 * BUTTONS
 */
/* SIMPLE BUTTON */
.simple-button {
  padding: 5px 15px;
  position: relative;
  display: inline-block;
  background: #8d0000;
  border: none;
  color: #ffffff;
  font-size: 100%;
}
.simple-button.small {
  margin: 5px 0;
  padding: 5px 10px;
}
.simple-button.simple-effect:hover {
  background: #ee7d00;
  color: #ffffff;
}
/*
 * 01 - General
 * 02 - Team
 * 03 - News
 * 04 - Dates
 */
/* GENERAL */
/* Pagination */
ul.pagination > li {
  border: solid 1px #8d0000;
  color: #8d0000;
  background: transparent;
}
ul.pagination > li a {
  color: #8d0000;
}
ul.pagination > li a:hover {
  background: #8d0000;
  color: #ffffff;
}
ul.pagination > li.active-page {
  background: #8d0000;
  color: #ffffff;
}
ul.pagination > li.active-page a:hover {
  background: #8d0000;
  color: #ffffff;
}
/* Pageview */
.nav-pageview {
  margin-top: 15px;
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 3px solid #8d0000;
}
.nav-pageview li a {
  padding: 0 5px;
  color: #8d0000;
  font-weight: 600;
}
.nav-pageview li a:hover {
  color: #ee7d00;
}
@media only screen and (max-width: 600px) {
  .nav-pageview li a span {
    display: none;
  }
}
/*
 * 02) MODULE STYLES
 * import project related module styles
 */
.widget-cite {
  position: relative;
  width: 100%;
  left: 90px;
  margin: 0;
  padding: 30px 0 75px;
}
.widget-cite .cite-text {
  font-size: 175%;
  text-align: left;
}
.widget-cite .cite-text span {
  color: #333333;
  padding: 0;
}
.widget-cite .cite-author {
  text-align: left;
  padding-top: 0px;
  color: #333333;
  font-weight: 600;
}
.mask-image {
  position: absolute;
}
.mask-image .mask-image-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.mask-image .mask-image-wrap object,
.mask-image .mask-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mask-image .mask-image-wrap img {
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
}
.text-with-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-with-image .content-text {
  padding-left: 60px;
}
.text-with-image .cta-image {
  position: relative;
  height: 435px;
  width: 435px;
}
.text-with-image .cta-image object,
.text-with-image .cta-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-with-image .cta-image img {
  -webkit-mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/cta_image_mask.svg");
  mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/cta_image_mask.svg");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
}
.widgetlist-cta {
  list-style: none;
}
ul.faq-items.acc-list > li .acc-headline {
  font-size: 110%;
}
ul.faq-items.acc-list > li .acc-content {
  padding: 15px 5px 15px 50px;
}
ul.faq-items.acc-list > li .acc-content p {
  padding: none;
}
/*
 * NEWS
 */
aside ul.news-list-widget {
  padding-top: 15px;
}
aside ul.news-list-widget > li {
  padding: 15px 0 0 0;
}
aside ul.news-list-widget > li:nth-child(2n) {
  padding-left: 60px;
  text-align: left;
}
aside ul.news-list-widget > li:nth-child(2n)::before {
  left: 0;
}
ul.news-list-widget {
  list-style: none;
}
ul.news-list-widget > li {
  position: relative;
  padding: 10px;
}
ul.news-list-widget > li:nth-child(2n+1) {
  padding-left: 60px;
}
ul.news-list-widget > li:nth-child(2n+1)::before {
  content: "";
  left: 0;
}
ul.news-list-widget > li::before {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  background-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/list-item.svg");
  width: 50px;
  height: 100%;
}
ul.news-list-widget > li:nth-child(2n) {
  padding-right: 60px;
  text-align: right;
}
ul.news-list-widget > li:nth-child(2n)::before {
  right: 0;
}
ul.news-list-widget > li h3 {
  padding: 0;
}
ul.news-list-widget > li p {
  font-weight: 600;
  padding: 2px 0;
}
.mask-team-list-custom,
.team-widget-default-custom {
  list-style: none;
  padding: 30px 0;
}
.mask-team-list-custom > li,
.team-widget-default-custom > li {
  display: inline-block;
  padding: 10px 0;
}
.mask-team-list-custom > li .team-item > li span.label,
.team-widget-default-custom > li .team-item > li span.label {
  width: unset;
}
.mask-team-list-custom > li:nth-child(2n) .content-text,
.team-widget-default-custom > li:nth-child(2n) .content-text {
  float: left;
  padding-right: 60px;
}
.mask-team-list-custom > li:nth-child(2n) .team-images,
.team-widget-default-custom > li:nth-child(2n) .team-images {
  float: right;
}
.mask-team-list-custom > li:nth-child(2n + 1) .content-text,
.team-widget-default-custom > li:nth-child(2n + 1) .content-text {
  float: right;
  padding-left: 60px;
}
.mask-team-list-custom > li:nth-child(2n + 1) .team-images,
.team-widget-default-custom > li:nth-child(2n + 1) .team-images {
  float: left;
}
.mask-team-list-custom > li .list-item-wrap .content-text,
.team-widget-default-custom > li .list-item-wrap .content-text {
  display: inline-block;
  width: calc(100% - 165px);
}
.mask-team-list-custom > li .list-item-wrap .content-text > ul:not(.team-item),
.team-widget-default-custom > li .list-item-wrap .content-text > ul:not(.team-item) {
  list-style: disc;
  margin-left: 45px;
  padding-top: 5px;
}
.mask-team-list-custom > li .list-item-wrap .content-text > ul.team-item,
.team-widget-default-custom > li .list-item-wrap .content-text > ul.team-item {
  list-style: none;
  padding-top: 15px;
}
.mask-team-list-custom > li .list-item-wrap .content-text > ul.team-item a,
.team-widget-default-custom > li .list-item-wrap .content-text > ul.team-item a {
  font-weight: 400;
  color: #333333;
}
.mask-team-list-custom > li .list-item-wrap .content-text > ul.team-item a:hover,
.team-widget-default-custom > li .list-item-wrap .content-text > ul.team-item a:hover {
  color: #ee7d00;
}
.mask-team-list-custom > li .list-item-wrap .team-images,
.team-widget-default-custom > li .list-item-wrap .team-images {
  display: inline-block;
  position: relative;
  height: 165px;
  width: 165px;
}
.mask-team-list-custom > li .list-item-wrap .team-images object,
.team-widget-default-custom > li .list-item-wrap .team-images object,
.mask-team-list-custom > li .list-item-wrap .team-images img,
.team-widget-default-custom > li .list-item-wrap .team-images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mask-team-list-custom > li .list-item-wrap .team-images img,
.team-widget-default-custom > li .list-item-wrap .team-images img {
  -webkit-mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/team_image_mask.svg");
  mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/team_image_mask.svg");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
/*
 * BASICS
 *
 * project related layout for basic content HTML tags e.g. headlines, links, lists
 *
 * this files is used by
 *	- styles.less
 *  - editor.less
 *
 * TOC
 * 01) HEADLINES
 * 02) LINKS
 * 03) PARAGRAPHS
 * 04) LISTINGS
 * 05) TABLES
 * 06) VARIOUS
 */
/*
 * 01) HEADLINES
 */
h1 {
  color: #8d0000;
  font-family: 'Lato', sans-serif;
  font-size: 300%;
  font-weight: 900;
  padding: 10px 0 15px;
  line-height: 120%;
}
h2 {
  color: #8d0000;
  font-family: 'Lato', sans-serif;
  font-size: 215%;
  font-weight: 700;
  line-height: 120%;
}
h2 a {
  color: #8d0000;
}
h2 a:hover {
  color: #ee7d00;
}
h3 {
  color: #ee7d00;
  font-family: 'Lato', sans-serif;
  font-size: 150%;
  font-weight: 700;
}
h3 a {
  color: #ee7d00;
}
h3 a:hover {
  color: #ee7d00;
}
/*
 * 02) LINKS
 */
a,
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="mailto:"] {
  text-decoration: none;
  font-weight: 600;
  color: #8d0000;
}
a:hover,
a[href^="tel"]:link:hover,
a[href^="tel"]:visited:hover,
a[href^="mailto:"]:hover {
  color: #ee7d00;
}
/*
 * 03) PARAGRAPHS (e.g. p, em, strong)
 */
/*
 * 04) LISTINGS
 */
/* Card-View */
ul.card-view.border > li {
  padding-bottom: 50px;
}
ul.card-view.border .card-item-border {
  border: solid 1px #333333;
  background: #ffffff;
  box-shadow: 0px 0px 15px 1px #ccc;
}
ul.card-view .content-title a {
  color: #ee7d00;
}
ul.card-view .content-title a:hover {
  color: #8d0000;
}
ul.card-view.link-inline > li .card-item-border .content-link a {
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
ul.card-view.link-inline > li .card-item-border .content-link a:hover {
  color: #ee7d00;
}
ul.card-view.link-button > li .card-item-border .content-link {
  right: 15px;
  left: 15px;
}
ul.card-view.link-button > li .card-item-border .content-link a:hover {
  border-color: #8d0000;
}
/* List View */
ul.list-view {
  margin-bottom: 0px;
}
ul.list-view.cols > li:nth-child(n+2) {
  padding-top: 0px;
  border-top: none;
}
ul.list-view li:nth-child(2n) .list-item {
  background: #8d0000;
}
ul.list-view li:nth-child(2n+1) .list-item {
  background: #ee7d00;
}
ul.list-view li .list-item-image {
  width: 33.333%;
  padding-right: 15px;
}
ul.list-view li .list-item-content {
  width: 66.666%;
  padding: 0px 0px 50px 15px;
}
ul.list-view li .list-item-content .content-title {
  padding-bottom: 0px;
}
ul.list-view li .list-item-content .content-title a {
  color: #8d0000;
}
ul.list-view li .list-item-content .content-title a:hover {
  color: #ffffff;
}
ul.list-view li .list-item-content .content-link {
  padding: 5px 0 10px;
  bottom: 0px;
  right: 15px;
}
ul.list-view li .list-item-content .content-link a {
  background: #8d0000;
  padding: 5px 30px;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
ul.list-view li .list-item-content .content-link a:hover {
  background: #ee7d00;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*
 * 05) TABLES
 */
/*
 * 06) VARIOUS (e.g. cite, address, dl)
 */
.wrap {
  max-width: 1280px;
}
.simple-button {
  font-family: 'Lato', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.transitions {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a#scrollToTop {
  bottom: 15px;
  border: solid 1px #ffffff;
  background: rgba(141, 0, 0, 0.7);
}
a#scrollToTop:hover {
  background: #8d0000;
}
/*
 * PAGE LAYOUT
 *
 * layout for page main elements e.g. header, section, aside, footer
 *
 *  * this files is used by
 * 	- styles.less
 *
 * TOC
 * 01) BODY
 * 02) HEADER
 * 03) FOOTER
 * 04) MAIN
 * 05) NAVIGATION
 * 06) HELPER
 * 07) VARIOUS
 */
/*
 * 01) BODY
 */
body {
  background: #ffffff;
  font-family: 'Lato', sans-serif;
}
/*
 * 02) HEADER
 */
#page-header {
  z-index: 100;
  padding-top: 60px;
}
#page-header h1.page-title {
  padding: 0;
  line-height: initial;
}
#page-header .wrap {
  overflow: visible;
}
/* General */
#page-topline {
  background: #333333;
}
/* Logo */
a#page-logo {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 475px;
  float: left;
}
a#page-logo img,
a#page-logo object {
  display: block;
  width: auto;
  height: 120px;
  padding: 7px 0;
}
a#page-logo:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
/* Breadcrumbs */
div#page-breadcrumbs {
  background: transparent;
  padding: 5px 0;
  font-size: 90%;
}
div#page-breadcrumbs #breadcrumb li {
  color: #333333;
}
div#page-breadcrumbs #breadcrumb li a {
  color: #333333;
}
div#page-breadcrumbs #breadcrumb li a:hover {
  color: #8d0000;
}
/* Page-Image */
.home #header-image,
.home #alternate-image {
  height: 45vw;
  width: 45vw;
  right: 0px;
  top: 15px;
}
.home #header-image .header-image-wrap,
.home #alternate-image .header-image-wrap {
  right: -30px;
}
.default .page-wrap,
.blank .page-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.default .page-wrap #header-image,
.blank .page-wrap #header-image,
.default .page-wrap #alternate-image,
.blank .page-wrap #alternate-image {
  height: 450px;
  width: 450px;
  left: calc(50% + 450px);
  transform: translateX(-50%);
  top: -35px;
  overflow: visible;
  right: -30px;
}
#header-image,
#alternate-image {
  position: absolute;
  overflow: hidden;
}
#header-image .header-image-wrap,
#alternate-image .header-image-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
#header-image .header-image-wrap object,
#alternate-image .header-image-wrap object,
#header-image .header-image-wrap img,
#alternate-image .header-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#header-image .header-image-wrap img,
#alternate-image .header-image-wrap img {
  -webkit-mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/header_image_mask.svg");
  mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/header_image_mask.svg");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
}
/* LogoBackground - Image */
.logo-background {
  position: absolute;
  height: 600px;
  width: auto;
  top: -200px;
  left: -265px;
}
/*
 * 03) FOOTER
 */
footer#page-footer {
  position: relative;
  background: transparent;
  font-size: 100%;
  padding-top: 300px;
  /*
	 * Grid View
	 */
  /* Mobile Examples: Huvinum or SOBRAtec */
  /*ul.grid-view {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: repeat(4, 25%);
		list-style: none;
		width: calc(~"100% - 90px");
		padding: 30px 0px;
		grid-auto-flow: column;
		li {
			&.logo {
				display: flex;
 				align-items: center;
			}
			&.column-1 {
				grid-column: 1;
			}
			&.column-2 {
				grid-column: 2;
			}
			&.column-3 {
				grid-column: 3;
			}
			&.column-4 {
				grid-column: 4;
			}
			&.row-span-2 {
				grid-row: span 2;
			}
			&.row-span-3 {
				grid-row: span 3;
			}
			&.row-span-4 {
				grid-row: span 4;
			}

		}

	}*/
}
footer#page-footer .footer-heart {
  position: absolute;
  z-index: 9;
  height: 100px;
  width: 100px;
  left: 35%;
  top: -140px;
}
footer#page-footer .footer-background {
  position: absolute;
  bottom: 0;
}
footer#page-footer .footer-background.background-grey {
  z-index: 1;
  height: 690px;
  width: auto;
  right: -240px;
  bottom: -195px;
}
footer#page-footer .footer-background.background-red {
  z-index: 5;
  height: 600px;
  width: auto;
  bottom: -380px;
  left: 50%;
  transform: translateX(-50%);
}
footer#page-footer .footer-background.background-orange {
  z-index: 4;
  width: auto;
  height: 650px;
  left: -165px;
  bottom: -245px;
}
footer#page-footer .footer-background.background-yellow {
  z-index: 2;
  bottom: -200px;
  left: 45%;
  transform: translateX(-50%);
}
footer#page-footer .footer-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  list-style: none;
}
footer#page-footer .footer-top .footer-image img {
  height: 85px;
  width: 100%;
}
footer#page-footer #footer-navigation {
  z-index: 10;
  display: inline-block;
  list-style: none;
}
footer#page-footer #footer-navigation li {
  display: inline-block;
  color: #8d0000;
}
footer#page-footer #footer-navigation li:not(:first-child) {
  position: relative;
  padding-left: 20px;
}
footer#page-footer #footer-navigation li:not(:first-child):before {
  content: "|";
  position: absolute;
  left: 6px;
  color: #ffffff;
}
footer#page-footer #footer-navigation li a {
  color: #ffffff;
}
footer#page-footer #footer-navigation li a:hover {
  color: #333333;
}
div#footer-copyright {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 60px 0 30px;
  font-size: 80%;
}
div#footer-copyright ul {
  display: inline-block;
  list-style: none;
}
div#footer-copyright ul li {
  display: inline-block;
  color: #ffffff;
}
div#footer-copyright ul li a {
  color: #ffffff;
}
div#footer-copyright ul li a:hover {
  color: #333333;
}
/*
 * 04) MAIN
 */
main {
  overflow: hidden;
}
/* ASIDE */
.default aside#page-aside {
  width: 400px;
  padding: 230px 0 0 15px;
  float: right;
}
.default aside#page-aside h2 {
  color: #8d0000;
  border-bottom: 0;
  font-size: 230%;
}
.default section#page-content {
  width: calc( 100% - 400px );
  float: left;
  padding: 0px 15px 0px 0;
}
.page-content {
  padding: 45px 0;
}
.page-content .wrap {
  overflow: hidden;
}
.page-content .content-wrap {
  width: 50%;
}
.page-content .content-left {
  float: left;
  padding-right: 15px;
}
.page-content .content-left.service-image .mask-image {
  top: 15px;
  right: calc(40vw + 30px);
  height: 55vw;
  width: 55vw;
}
.page-content .content-left.service-image .mask-image .mask-image-wrap {
  right: 90px;
}
.page-content .content-left.service-image .mask-image .mask-image-wrap img {
  -webkit-mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/content_image_left_mask.svg");
  mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/content_image_left_mask.svg");
}
.page-content .content-right {
  float: right;
  width: 50%;
  padding-left: 15px;
}
.page-content .content-right h2 {
  color: #ee7d00;
}
.page-content .content-right.news-image .mask-image {
  left: 45vw;
  top: -45px;
  height: 55vw;
  width: 55vw;
  z-index: -1;
}
.page-content .content-right.news-image .mask-image .mask-image-wrap {
  right: -100px;
}
.page-content .content-right.news-image .mask-image .mask-image-wrap img {
  -webkit-mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/content_image_right_mask.svg");
  mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/content_image_right_mask.svg");
}
#news-content {
  padding-bottom: 150px;
}
#cta-content {
  clear: both;
}
#category-list.template-list-card-custom > li {
  padding-bottom: 0;
}
#category-list.template-list-card-custom > li.order-1 {
  margin: 45px 0;
}
#category-list.template-list-card-custom > li.order-2 {
  padding-top: 45px;
  padding-left: 30px;
  padding-right: 5px;
}
#category-list.template-list-card-custom > li.order-3 {
  padding-bottom: 45px;
  padding-left: 30px;
  padding-right: 5px;
}
#category-list.template-list-card-custom > li.order-4 {
  padding-top: 45px;
  padding-right: 30px;
  padding-left: 5px;
}
#category-list.template-list-card-custom > li.order-5 {
  padding-bottom: 45px;
  padding-right: 30px;
  padding-left: 5px;
}
#category-list.template-list-card-custom > li.order-6 {
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}
#category-list.template-list-card-custom > li .card-item-content h2 {
  padding-top: 0;
}
#category-list.template-list-card-custom > li .card-item-image {
  position: relative;
  padding-bottom: 86% !important;
}
#category-list.template-list-card-custom > li .card-item-image img {
  -webkit-mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/content_image_right_mask.svg");
  mask-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/content_image_right_mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
#category-list.template-list-card-custom > li .card-item-image object,
#category-list.template-list-card-custom > li .card-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
 * 05) NAVIGATION
 */
@media only screen and (min-width: 1025px) {
  .main-navigation {
    /* Root Level */
    padding: 48px 0;
    float: left;
  }
  .main-navigation a,
  .main-navigation span {
    font-family: 'Lato', sans-serif;
  }
  .main-navigation > li {
    float: none;
    display: inline-block;
    /* first level */
  }
  .main-navigation > li .sub-navigation li {
    line-height: 20px;
  }
  .main-navigation > li > span.nav-item-wrap {
    background: transparent;
    border-bottom: 3px solid transparent;
  }
  .main-navigation > li > span.nav-item-wrap a,
  .main-navigation > li > span.nav-item-wrap span {
    font-size: 105%;
    color: #333333;
    font-weight: 600;
    display: inline;
  }
  .main-navigation > li > span.nav-item-wrap .dropdown-indicator.level-0 {
    color: #333333;
  }
  .main-navigation > li:hover > span.nav-item-wrap {
    background: transparent;
    border-bottom: 3px solid #8d0000;
  }
  .main-navigation > li:hover > span.nav-item-wrap a span {
    color: #8d0000;
  }
  .main-navigation > li:hover > span.nav-item-wrap .dropdown-indicator.level-0 {
    color: #8d0000;
  }
  .main-navigation > li:hover ul.level-1 {
    height: 500px;
  }
  .main-navigation > li.active-item {
    background: transparent;
  }
  .main-navigation > li.active-item > span.nav-item-wrap {
    background: transparent;
    border-bottom: 3px solid #8d0000;
  }
  .main-navigation > li.active-item > span.nav-item-wrap a span {
    color: #8d0000;
  }
  .main-navigation > li.active-item > span.nav-item-wrap .dropdown-indicator.level-0 {
    color: #8d0000;
  }
  .main-navigation > li ul > li:nth-child(n+2) {
    border-top: 1px solid #ffffff;
  }
  .main-navigation > li ul.level-1 {
    width: 250px;
    /* Second Level */
  }
  .main-navigation > li ul.level-1 > li.with-dropdown span.dropdown-indicator {
    top: 0px;
    right: 0px;
    width: 40px;
    padding: 10px;
    color: #ffffff;
  }
  .main-navigation > li ul.level-1 > li.with-dropdown span.dropdown-indicator:before {
    content: '\f054';
    font-family: fontAwesome;
  }
  .main-navigation > li ul.level-1 > li:hover > span.nav-item-wrap a {
    background: #ee7d00;
  }
  .main-navigation > li ul.level-1 > li:hover > span.nav-item-wrap a span {
    color: #ffffff;
  }
  .main-navigation > li ul.level-1 a {
    padding: 10px;
    background: #8d0000;
    color: #ffffff;
  }
  .main-navigation > li ul.level-2 {
    left: 250px;
    top: 0px;
  }
  .main-navigation > li ul.level-2 li > span.nav-item-wrap a {
    background: #ee7d00;
    color: #ffffff;
  }
  .main-navigation > li ul.level-2 li:hover > span.nav-item-wrap a {
    background: #333333;
  }
  .main-navigation > li:nth-last-child(2) ul.level-2,
  .main-navigation > li:last-child ul.level-2 {
    left: -250px;
  }
}
/*
 * 06) HELPER
 */
/*
 * 07) VARIOUS
 */
/* List with Icon */
ul.iconlist {
  list-style: none;
  margin: 15px 0 15px 0px;
}
ul.iconlist li {
  list-style: none;
  padding: 5px 0 5px 30px;
  position: relative;
}
ul.iconlist li:before {
  content: "\f08a";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  color: #8d0000;
  font-size: 125%;
}
ul.form-list {
  list-style: none;
  counter-reset: my-counter;
  margin-left: 0 !important;
}
ul.form-list > li {
  position: relative;
  counter-increment: my-counter;
  padding: 10px 0 10px 60px !important;
}
ul.form-list > li::before {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
  background-image: url("http://staging.hebammenpraxis-plauen.de/images//hebammen/list-item.svg");
  width: 50px;
  height: 100%;
}
ul.form-list > li::after {
  content: counter(my-counter);
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 110%;
  font-weight: 600;
}
ul.form-list > li .list-heading {
  display: block;
  color: #ee7d00;
  font-size: 120%;
  font-weight: 600;
}
/*
 * styles available in editor and frontend
 * extending basic RTE manager styles
 */