@charset "UTF-8";
/*Media Queries Breakpoints*/
[data-value=wysiwyg_editor] {
  color: red;
}

/*IE fixes*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    overflow: hidden;
  }
}
/*Global */
.bkntc_input_phone-container, .bkntc_input_phone__label {
  display: none !important;
}

.grey {
  color: grey;
}

html {
  font-size: 9px;
  height: 100%;
  -webkit-text-size-adjust: 100%;
}
@media (max-width: 1024px) {
  html {
    font-size: 9px;
  }
}

body {
  color: #373737;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  border: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
body a {
  text-decoration-thickness: 5% !important;
  text-decoration-thickness: 0.5px;
}

.sidebar label.label-container, .sidebar .filters label, .sidebar p, .sidebar a, .sidebar .label-container span {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
}
@media (max-width: 480px) {
  .sidebar label.label-container, .sidebar .filters label, .sidebar p, .sidebar a, .sidebar .label-container span {
    font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
  }
}

p, .sub-menu a, header .menu-hauptmenu-container .sub-menu, .sub-menu a, span[role=alert], .wpcf7-response-output, input[type=text], input[type=tel], textarea, .dnd-icon-remove:before, .dnd-upload-status .dnd-upload-details .name, .event-name span, .single-upload a, span.wpcf7-list-item-label, button span, .footer-blocks a {
  font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
}
@media (max-width: 480px) {
  p, .sub-menu a, header .menu-hauptmenu-container .sub-menu, .sub-menu a, span[role=alert], .wpcf7-response-output, input[type=text], input[type=tel], textarea, .dnd-icon-remove:before, .dnd-upload-status .dnd-upload-details .name, .event-name span, .single-upload a, span.wpcf7-list-item-label, button span, .footer-blocks a {
    font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
  }
}

/*Resets*/
#gtx-trans {
  display: none;
}

ou, ul {
  padding-left: 0;
}

a, button {
  outline: 0;
}

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*Bilder vorladen um weisses blinken zu verhindern*/
body::after {
  display: none;
  content: url(../assets/svg/quicklinks/quicklink_mahlzeit_hover.svg) url(../assets/svg/quicklinks/quicklink_stellen_hover.svg) url(../assets/svg/quicklinks/quicklink_unterstuetzen_hover.svg) url(../assets/svg/quicklinks/quicklink_betten_hover.svg);
}

/*Anführungszeichen*/
.quote::before, blockquote p::before {
  content: "«";
}

.quote::after, blockquote p::after {
  content: "»";
}

p {
  margin-top: 0;
}
@media (max-width: 480px) {
  p {
    font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
  }
}

/*Fonts*/
.desc {
  font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
}

p.small, div.small p {
  font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
}

/*IMG-Styling*/
#wrapper-inner > img, #stationaer img, .carousel-item img, .carousel-item {
  border-radius: 4px;
  height: auto;
}

/* Navigation */
.has-mega-menu {
  margin-right: 50px;
}
@media (max-width: 480px) {
  .has-mega-menu {
    margin-right: 0;
  }
}

.breadcrumb {
  margin-top: 50px;
  margin-bottom: 2rem;
}
.breadcrumb span {
  color: #878787;
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  margin-top: 40px;
}
@media (max-width: 480px) {
  .breadcrumb {
    display: none;
  }
}

@media (max-width: 480px) {
  .breadcrumb span[property=name] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.col-md-3.spitexes .logo-content {
  margin-bottom: 3rem;
}

.col-md-3.spitexeulachtal .logo-content {
  margin-bottom: 3rem;
}

/*Buttons */
.mehr-button, .bewerben, .beitrag-lesen, .alm-load-more-btn.more {
  display: flex;
  float: left;
  background-position: center right 10px;
  background-repeat: no-repeat;
  transition: background-position 0.3s ease-out;
  padding-right: 40px;
}
.mehr-button.rot, .bewerben.rot, .beitrag-lesen.rot, .alm-load-more-btn.more.rot {
  color: #922224;
}
.mehr-button.weiss, .bewerben.weiss, .beitrag-lesen.weiss, .alm-load-more-btn.more.weiss {
  color: white;
}
.mehr-button.gross, .bewerben.gross, .beitrag-lesen.gross, .alm-load-more-btn.more.gross {
  background-image: url(../assets/svg/icons/pfeil_gross_dunkelgrau_rechts.png);
  width: auto;
  background-position: center right 15px;
  padding-right: 60px;
  font: 2.6rem/3.6rem "TheSansC5-Bold";
}
@media (max-width: 480px) {
  .mehr-button.gross, .bewerben.gross, .beitrag-lesen.gross, .alm-load-more-btn.more.gross {
    background-image: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg);
    font: 2rem/2.9rem "TheSansC5-Bold", sans-serif;
    padding-right: 40px;
  }
}
.mehr-button:hover, .bewerben:hover, .beitrag-lesen:hover, .alm-load-more-btn.more:hover {
  background-position: center right 0;
  cursor: pointer;
}
.mehr-button.gross.weiss, .bewerben.gross.weiss, .beitrag-lesen.gross.weiss, .alm-load-more-btn.more.gross.weiss {
  background-image: url(../assets/svg/icons/pfeil_gross_weiss.svg);
  margin-top: 8rem;
}
@media (max-width: 480px) {
  .mehr-button.gross.weiss, .bewerben.gross.weiss, .beitrag-lesen.gross.weiss, .alm-load-more-btn.more.gross.weiss {
    background-image: url(../assets/svg/icons/pfeil_klein_weiss.svg);
  }
}
.mehr-button.klein.weiss, .bewerben.klein.weiss, .beitrag-lesen.klein.weiss, .alm-load-more-btn.more.klein.weiss {
  background-image: url(../assets/svg/icons/pfeil_klein_weiss.svg);
}
.mehr-button.klein, .bewerben.klein, .beitrag-lesen.klein, .alm-load-more-btn.more.klein {
  background-image: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg);
  font: 2rem/2.9rem "TheSansC5-Bold", sans-serif;
}
.mehr-button.bewerben, .bewerben.bewerben, .beitrag-lesen.bewerben, .alm-load-more-btn.more.bewerben {
  background-image: url(../assets/svg/icons/pfeil_klein_rot.svg);
  font: 2rem/2.9rem "TheSansC5-Bold", sans-serif;
}
.mehr-button.beitrag-lesen, .bewerben.beitrag-lesen, .beitrag-lesen.beitrag-lesen, .alm-load-more-btn.more.beitrag-lesen {
  background-image: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg);
  font: 2rem/2.9rem "TheSansC5-Bold", sans-serif;
}
.mehr-button.done, .bewerben.done, .beitrag-lesen.done, .alm-load-more-btn.more.done {
  background-image: none;
}

.online-bewerben {
  display: flex;
  margin-bottom: 50px;
}

.pflegeeulachtal .cta {
  background-color: #922224;
}

.pflegezentrumeulachtal .cta {
  background-color: #9FC32E;
}

.staubkaiserhaus .cta {
  background-color: #006298;
}

.zentrumsonne .cta {
  background-color: #F29126;
}

.zentrumwiesental .cta {
  background-color: #006E67;
}

.spitexes .cta {
  background-color: #922224;
}

.spitexeulachtal .cta {
  background-color: #1e5faa;
}

.lichtblick .cta {
  background-color: #00A8D3;
}

.lacasetta .cta {
  background-color: #E53739;
}

.kita .cta {
  background-color: #4cb05b;
}

.alm-load-more-btn {
  margin-top: -4rem;
}

.cta {
  color: white;
  padding: 15px;
  border-radius: 4px;
  display: inline-block;
}
.cta .mehr-button {
  font: 2.3rem/3.5rem "TheSansC5-Plain", sans-serif;
}

.wsf-label a.boldlink {
  text-decoration: underline;
}

/*  01. LAYOUT   */
/*  01.1 Header  */
#navigation {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: white;
  z-index: 999;
}
@media (max-width: 1024px) {
  #navigation {
    visibility: hidden;
    position: fixed;
    min-height: 100vh;
    top: 70px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 1024px) {
  .navigation-overlay {
    display: none;
    height: 100vh;
    background: white;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media (max-width: 1024px) {
  .block {
    display: block;
    z-index: 3;
  }
}

.show-mm {
  visibility: visible !important;
}

#menu-top-header-menu {
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
}
#menu-top-header-menu li {
  margin-right: 20px;
  padding: 3px 20px 3px 20px;
  background: url(../assets/svg/megamenu/header_hn.svg) no-repeat right center;
  background-size: cover;
  background-position: 97%;
  border-radius: 0 0 5px 5px;
}
#menu-top-header-menu a {
  color: white;
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
}
#menu-top-header-menu li a:hover {
  opacity: 70%;
}

.service-social, .top-menu {
  display: flex;
  height: 50px;
  order: 1;
}
@media (max-width: 1024px) {
  .service-social, .top-menu {
    height: -moz-fit-content;
    height: fit-content;
    order: 2;
    display: flex;
    flex-direction: column;
  }
}

.mobile-menu-button {
  display: none;
  height: 35px;
  margin-top: 13px;
}
.mobile-menu-button img {
  width: 30px;
}
@media (max-width: 1024px) {
  .mobile-menu-button.its-open {
    display: inline-block;
    z-index: 10000;
    padding-left: 15px;
  }
}

.menu-hauptmenu-container {
  order: 2;
}
@media (max-width: 1024px) {
  .menu-hauptmenu-container {
    order: 1;
    padding-right: 15px;
  }
}

#main-logo {
  position: relative;
  flex-grow: 1;
  order: 2;
}
#main-logo .logo-inner {
  position: absolute;
  right: 0;
  z-index: 1000;
}
@media (max-width: 1024px) {
  #main-logo .logo-inner {
    width: 220px;
    padding-right: 15px;
    z-index: 1;
  }
}
#main-logo img.logo-full {
  width: 100%;
  min-width: 220px;
  height: auto;
  margin-top: 23px;
}
@media (max-width: 768px) {
  #main-logo img.logo-full {
    width: 220px;
    margin-top: 35px;
  }
}
@media (max-width: 1024px) {
  #main-logo img.logo-full {
    margin-top: 0;
    padding-right: 15px;
  }
}

.show {
  display: block;
}

.fix-pos {
  margin-top: 65px;
}
@media (max-width: 1024px) {
  .fix-pos {
    float: right;
    margin-top: 8px;
  }
}

.hide {
  display: none !important;
}

.hide-desktop {
  display: none;
}
@media (max-width: 1450px) {
  .hide-desktop {
    display: block !important;
  }
}
@media (min-width: 1921px) {
  .hide-desktop {
    display: block !important;
  }
}

.hide-mobile {
  display: none;
}
@media (max-width: 1450px) {
  .hide-mobile {
    display: block !important;
  }
}

/*  01.2 Mega Menu  */
/*MEGA MENU */
li.mega-menu-column {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  li.mega-menu-column {
    margin-bottom: 20px;
  }
}

#menu-item-122 {
  position: relative;
}

.menu-servicenavigation-container, .menu-top-header-menu-container {
  float: left;
}

.menu-socialmedia-menu-container {
  display: flex;
  margin-bottom: 15px;
}
.menu-socialmedia-menu-container li {
  float: left;
  margin-right: 8px;
}
.menu-socialmedia-menu-container .facebook {
  display: block;
  background-image: url(../assets/svg/socialmedia/fb_weiss.svg);
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9000px;
}
.menu-socialmedia-menu-container .linkedin {
  display: block;
  background-image: url(../assets/svg/socialmedia/linkedin_weiss.svg);
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9000px;
}
.menu-socialmedia-menu-container .youtube {
  display: block;
  background-image: url(../assets/svg/socialmedia/youtube_grau.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 50px;
  text-indent: -9000px;
}

.facebook a, .linkedin a {
  display: block;
  width: 30px;
  height: 50px;
}

li#menu-item-122.menu-open > a::after, li#menu-item-124.menu-open > a::after, li#menu-item-494.menu-open > a::after {
  display: block;
  content: "";
  background: url(../assets/svg/icons/pfeil_gross_rot_runter.svg) no-repeat;
  background-position: center 100%;
  height: 45px;
  margin-top: -5px;
}
@media (max-width: 1024px) {
  li#menu-item-122.menu-open > a::after, li#menu-item-124.menu-open > a::after, li#menu-item-494.menu-open > a::after {
    background-position: left;
  }
}

header .menu-hauptmenu-container {
  clear: both;
}
header .menu-hauptmenu-container > ul {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
}
header .menu-hauptmenu-container > ul > li {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
}
@media (max-width: 1024px) {
  header .menu-hauptmenu-container > ul {
    flex-direction: column;
    padding-top: 20px;
  }
}

header .bliib-gsund {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  padding-top: 30px;
}

header .menu-hauptmenu-container .sub-menu {
  display: flex;
  position: fixed;
  top: 120px;
  left: 50%;
  margin: 0;
  padding: 0;
  width: 92%;
  max-width: 1360px;
  height: 0;
  overflow: hidden;
  transform: translate(-50%);
}
@media (max-width: 1024px) {
  header .menu-hauptmenu-container .sub-menu {
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
  }
}
@media (max-width: 1450px) {
  header .menu-hauptmenu-container .sub-menu {
    width: 92%;
    max-width: 1200px;
  }
}
@media (max-width: 768px) {
  header .menu-hauptmenu-container .sub-menu {
    width: 92%;
  }
}

#header #menu-hauptmenu li .sub-menu.menu-drop {
  display: flex;
  flex-wrap: wrap;
  top: 140px;
  left: 50%;
  overflow: visible;
  transform: translate(-50%);
}
@media (max-width: 1024px) {
  #header #menu-hauptmenu li .sub-menu.menu-drop {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    width: 100%;
    flex-direction: column;
  }
}

#header #menu-hauptmenu li .sub-menu .sub-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%);
}
@media (max-width: 1024px) {
  #header #menu-hauptmenu li .sub-menu .sub-menu {
    height: auto;
  }
}

#menu-servicenavigation, #menu-switchnavigation {
  margin-top: 12px;
  margin-bottom: 12px;
}
#menu-servicenavigation a, #menu-switchnavigation a {
  color: #878787;
  font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
}

ul#menu-servicenavigation, ul#menu-switchnavigation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 8px 0 0 0;
}
ul#menu-servicenavigation li, ul#menu-switchnavigation li {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  margin-right: 25px;
}
@media (max-width: 1024px) {
  ul#menu-servicenavigation, ul#menu-switchnavigation {
    flex-direction: column;
  }
}
ul#menu-hauptmenu > li {
  border-radius: 5px;
}
@media (max-width: 1024px) {
  ul#menu-hauptmenu > li {
    margin-bottom: 18px;
  }
}

@media (max-width: 1024px) {
  ul#menu-switchnavigation {
    flex-direction: row;
  }
}

#menu-switchnavigation li a {
  color: white;
  padding: 3px 10px;
  font: 2rem/2.9rem "TheSansC5-Bold", sans-serif;
}
#menu-switchnavigation li:first-child {
  margin-right: 0;
}
#menu-switchnavigation li:first-child a {
  background: url(../assets/svg/megamenu/header_hn.svg) no-repeat right center;
  border-radius: 5px 0 0 5px;
}
#menu-switchnavigation li:nth-child(2) a {
  background-image: url(../assets/svg/flaechen/spi_flaeche_switch.svg);
  background-color: grey;
  border-radius: 0 5px 5px 0;
}

.first > a:first-child {
  background: url(../assets/svg/megamenu/header_hn.svg) no-repeat right center;
  background-size: cover;
  background-position: 97%;
  color: white;
  border-radius: 4px;
  margin-bottom: 10px;
  height: 50px;
  line-height: 50px;
  padding-top: 0;
}
@media (max-width: 1024px) {
  .first > a:first-child {
    height: 45px;
  }
}

.first > a:first-child:hover {
  background: url(../assets/svg/icons/pfeil_klein_weiss.svg) no-repeat right center, url(../assets/svg/megamenu/header_hn.svg) no-repeat right center/cover;
  background-position: 97%, 97%;
  border-radius: 4px;
  margin-bottom: 10px;
}

.mega-menu-column {
  margin-top: 40px;
  margin-right: 2%;
  width: 32%;
}
@media (max-width: 1024px) {
  .mega-menu-column {
    margin-right: 1%;
  }
}
@media (max-width: 1024px) {
  .mega-menu-column {
    width: 100%;
    margin-right: 0;
  }
}

.menu-second {
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .menu-second {
    margin-top: 20px;
  }
}

.mega-menu-column li a, .has-mega-menu li a, li#menu-item-123 a, #menu-item-127 a, #menu-item-128 a, #menu-item-325 a, #menu-item-490 a {
  display: flex;
  align-items: center;
  height: 50px;
  padding-left: 18px;
  background-color: rgba(135, 135, 135, 0.15);
  border-radius: 4px;
}
@media (max-width: 1024px) {
  .mega-menu-column li a, .has-mega-menu li a, li#menu-item-123 a, #menu-item-127 a, #menu-item-128 a, #menu-item-325 a, #menu-item-490 a {
    height: 45px;
  }
}

.mega-menu-column li a:hover, .has-mega-menu li a:hover, li#menu-item-123 a:hover, #menu-item-127 a:hover, #menu-item-128 a:hover, #menu-item-490 a:hover {
  background: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg) no-repeat right center;
  background-position: 97%;
  background-color: rgba(135, 135, 135, 0.07);
  /* reset styles (optional): */
  list-style: none;
}

.sub-menu a {
  display: block;
}

.sub-menu.first > li > a {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
}

@media (max-width: 480px) {
  .sub-menu.first > li:nth-child(1) {
    margin-left: 0;
  }
}

.sub-menu.first > li:nth-child(3) {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .sub-menu.first > li:nth-child(3) {
    margin-right: 5px;
  }
}
@media (max-width: 480px) {
  .sub-menu.first > li:nth-child(3) {
    margin-right: 0;
  }
}

ul.active {
  display: flex;
  flex-direction: column;
}

ul.active.first {
  flex-direction: row;
  position: absolute;
  justify-content: flex-start;
  width: 100vw;
  background-color: white;
  padding-bottom: 100px;
  height: 550px;
  margin-top: 18px;
  margin-left: -200px;
  padding-left: 200px;
}

ul.active.first.organisation {
  height: 400px;
}

.mega-menu-column li {
  margin-bottom: 5px;
}

blockquote {
  width: 25%;
  height: auto;
  padding: 0 1rem 1rem 1rem;
  float: left;
  border-top: 1px solid #373737;
  margin-top: 2.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
}
blockquote p {
  font: 2.9rem/3.9rem "TheSansC5-PlainItalic";
  font-style: italic;
  line-height: 4.3rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.space-top {
  margin-top: 10px;
}

/*Storybuilder*/
.center-content {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.bildlegende-fotograf {
  display: flex;
  position: relative;
  margin-top: 8px;
}

.bildlegende {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  color: #878787;
}

.fotograf {
  position: absolute;
  right: 0;
  top: 0;
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  color: #878787;
}

.autor {
  margin-bottom: 25px;
}

/*Statusmeldungen*/
.statusmeldung-container {
  margin-top: 35px;
  margin-bottom: 35px;
  border-radius: 4px;
  padding: 25px;
  background-color: rgba(135, 135, 135, 0.07);
}

.status-icon-container {
  width: 20px;
  margin-right: 10px;
}

.status-text {
  display: inline-block;
}

.status-text p::before {
  font-family: "IcoMoon-Free";
  margin-right: 18px;
  font-size: 2.6rem;
  vertical-align: middle;
}

.explain-status {
  margin-bottom: 30px;
}

.explain-status span {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  margin-right: 25px;
}
@media (max-width: 480px) {
  .explain-status span {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.explain-status span::before {
  font-family: "IcoMoon-Free";
  margin-right: 10px;
  font-size: 1.8rem;
  vertical-align: middle;
}

.status-text.offen p::before, span.offen::before {
  content: "\ea10";
  color: #008450;
}

.status-text.impfung p::before, span.impfung::before {
  content: "\ea10";
  color: #EFB700;
}

.status-text.geschlossen p::before, span.geschlossen::before {
  content: "\ea0f";
  color: #B81D13;
}

.status-text p {
  margin-top: 3rem;
  margin-bottom: 5px;
}

.status-text span {
  font: 1.5rem/2.2rem "TheSansC5-Plain", sans-serif;
}

/*Global Abstände*/
/*Top*/
.mtn {
  margin-top: 40px;
}

.nomt {
  margin-top: 0;
}

.mtb {
  margin-top: 80px;
}

.mts {
  margin-top: 20px;
}

.mth {
  margin-top: 160px;
}

/*Bottom*/
.mbn {
  margin-bottom: 40px;
}

.nomt {
  margin-bottom: 0;
}

.mbb {
  margin-bottom: 80px;
}

.mbs {
  margin-bottom: 20px;
}

.mbh {
  margin-bottom: 160px;
}

/*Pagebuilder */
.pagebuilder__item {
  margin-bottom: 6rem;
}
.pagebuilder__item.benefits .img-wrapper {
  height: 100px;
  margin-bottom: 25px;
}
.pagebuilder__item .content-space {
  margin-bottom: 120px;
}
.pagebuilder__item img {
  display: block;
  height: 100px;
}
.pagebuilder__item li a {
  text-decoration: underline !important;
}
.pagebuilder__item.bildbild {
  display: flex;
}
@media (max-width: 480px) {
  .pagebuilder__item.bildbild {
    flex-direction: column;
  }
}
.pagebuilder__item.bildbild img {
  width: 100%;
  height: auto;
  min-height: 530px;
  max-height: 530px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 480px) {
  .pagebuilder__item.bildbild img {
    min-height: auto;
  }
}
.pagebuilder__item.bildbild .bild-rechts {
  margin-left: 2%;
}
@media (max-width: 480px) {
  .pagebuilder__item.bildbild .bild-rechts {
    margin-left: 0;
    flex-basis: 100% !important;
  }
}
@inlucde bk-mobile {
  .pagebuilder__item.bildbild .bild-links {
    flex-basis: 100% !important;
  }
}
.pagebuilder__item.bildbildbild {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
.pagebuilder__item.bildbildbild img {
  max-width: 100%;
  height: auto;
  flex: 1 1 30%;
  min-width: 200px;
  box-sizing: border-box;
}
.pagebuilder__item.titel {
  margin-bottom: 1rem;
}
.pagebuilder__item.dokumentupload, .pagebuilder__item.externe-links {
  width: 68%;
}
@media (max-width: 480px) {
  .pagebuilder__item.dokumentupload, .pagebuilder__item.externe-links {
    width: 100%;
  }
}
.pagebuilder__item.dokumentupload .single-upload, .pagebuilder__item.externe-links .single-upload {
  border-top: 1px solid #373737;
}
.pagebuilder__item.dokumentupload.front {
  width: 100%;
}
@media (max-width: 480px) {
  .pagebuilder__item.dokumentupload, .pagebuilder__item.externe-links {
    width: 100%;
  }
}
.pagebuilder__item.dokumentupload .single-upload.button, .pagebuilder__item.externe-links .single-upload.button {
  background: url(../assets/svg/icons/download_dunkelgrau.svg) no-repeat right center;
  display: flex;
  background-position: bottom right 10px;
  background-repeat: no-repeat;
  transition: background-position 0.3s ease-out;
  padding-right: 60px;
  padding-top: 10px;
  margin-bottom: 10px;
  min-width: 280px;
}
.pagebuilder__item.dokumentupload .single-upload.button:hover, .pagebuilder__item.externe-links .single-upload.button:hover {
  background-position: bottom right 0;
}
.pagebuilder__item.parallax {
  width: 100%;
}
.pagebuilder__item.parallax .para-img {
  height: 500px;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.pagebuilder__item.text-um-quote {
  width: 100%;
}
.pagebuilder__item.text-um-quote .text-float {
  width: 33%;
  height: auto;
  padding: 0 3rem 2rem 1.5rem;
  float: left;
  font: 3.2rem "TheSansC5-PlainItalic";
  font-style: italic;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 480px) {
  .pagebuilder__item.text-um-quote .text-float {
    width: 100%;
    padding: inherit;
    margin-bottom: 15px;
    font: 2.1rem/3.1rem "TheSansC5-PlainItalic";
    font-style: italic;
  }
}
.pagebuilder__item.text-um-bild {
  display: inline-block;
  width: 100%;
}
.pagebuilder__item.text-um-bild img.bild-float {
  float: left;
  width: 25%;
  height: auto;
  margin: 0 25px 25px 0;
  border-radius: 5px;
}
@media (max-width: 480px) {
  .pagebuilder__item.text-um-bild img.bild-float {
    width: 100%;
  }
}
.pagebuilder__item.akkordeon, .pagebuilder__item.text-bild {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.pagebuilder__item.akkordeon .tabs, .pagebuilder__item.text-bild .tabs {
  width: 100%;
}
.pagebuilder__item.akkordeon .half, .pagebuilder__item.text-bild .half {
  flex-grow: 1;
  max-width: 50%;
}
.pagebuilder__item.akkordeon .text-half:first-child, .pagebuilder__item.text-bild .text-half:first-child {
  order: 1;
  padding-top: 25px;
}
.pagebuilder__item.akkordeon .bild:nth-child(2), .pagebuilder__item.text-bild .bild:nth-child(2) {
  order: 2;
  padding-left: 0;
}
.pagebuilder__item.akkordeon .text-half:nth-child(3), .pagebuilder__item.text-bild .text-half:nth-child(3) {
  order: 4;
  padding-top: 25px;
  padding-left: 25px;
}
.pagebuilder__item.akkordeon .bild:nth-child(4), .pagebuilder__item.text-bild .bild:nth-child(4) {
  order: 3;
}
.pagebuilder__item.akkordeon .text-half:nth-child(5), .pagebuilder__item.text-bild .text-half:nth-child(5) {
  order: 5;
  padding-top: 25px;
  padding-right: 25px;
}
.pagebuilder__item.akkordeon .bild:nth-child(6), .pagebuilder__item.text-bild .bild:nth-child(6) {
  order: 6;
  padding-left: 0;
}
.pagebuilder__item.akkordeon .text-half:nth-child(7), .pagebuilder__item.text-bild .text-half:nth-child(7) {
  order: 8;
  padding-top: 25px;
  padding-left: 25px;
}
.pagebuilder__item.akkordeon .bild:nth-child(8), .pagebuilder__item.text-bild .bild:nth-child(8) {
  order: 7;
  padding-left: 0;
}
.pagebuilder__item.akkordeon .text-half, .pagebuilder__item.akkordeon .bild, .pagebuilder__item.text-bild .text-half, .pagebuilder__item.text-bild .bild {
  margin-bottom: 35px;
}
.pagebuilder__item.akkordeon .bild img, .pagebuilder__item.text-bild .bild img {
  width: 100%;
  height: auto;
}
.pagebuilder__item .half:first-child {
  padding-right: 15px;
}
.pagebuilder__item .half:nth-child(2) {
  padding-left: 15px;
}

.smoothborder img {
  border-radius: 12px;
}

.save {
  max-width: 80%;
}

.cta-box-container {
  padding: 15px;
  border: 1px solid #4cb05b;
}

.wysiwyg-editor, .text-block {
  margin-bottom: 5rem;
}

.text-block .col-xl-6 {
  padding-right: 4rem;
}

.maps {
  display: flex;
  margin-bottom: 80px;
}

/*Fresco Bildergalerie mit Lightbox*/
/*MODULE*/
/*Teamportraits*/
.portrait-img-wrapper img {
  max-width: 100%;
  border-radius: 8px;
  margin-bottom: 15px;
}

.portrait-wrapper {
  margin-bottom: 65px;
}

.portrait-wrapper h3 {
  margin-bottom: 5px;
}

/*Flexbox Image Galerie */
.container-fresco-all {
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto;
  height: auto;
}

.container-fresco {
  width: calc(33% - 6px);
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
  margin: 3px;
  padding: 0;
  display: block;
  position: relative;
  float: left;
  max-height: 250px;
}

.container-fresco img {
  width: 100%;
  transition-duration: 0.3s;
  max-width: 100%;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.title-fresco {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 35%;
  display: none;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 1.6em;
  text-shadow: 1px 5px 10px black;
  transition-duration: 0.3s;
}

.text-fresco {
  position: absolute;
  top: 70%;
  cursor: pointer;
  max-width: 80%;
  text-align: center;
  left: 50%;
  text-shadow: 1px 5px 10px black;
  font-size: 1em;
  display: none;
  margin-right: -50%;
  transition-duration: 0.3s;
  transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
  .text-right {
    margin-top: 40px;
  }
}

.container-fresco:hover img, .macy-child:hover img {
  opacity: 0.8;
  transition: all 0.4s ease;
}

.container-fresco .overlay, .macy-child .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
}

.container-fresco:hover .overlay, .macy-child:hover .overlay {
  opacity: 1;
}

.container-fresco .overlay, #macy-container .overlay {
  background-size: cover;
  border-radius: 4px;
}

.pflegeeulachtal .container-fresco .overlay, .pflegeeulachtal #macy-container .overlay {
  background: url(../assets/svg/hover/pe_galerie_hover.svg) no-repeat center center/cover;
}

.zentrumsonne .container-fresco .overlay, .zentrumsonne #macy-container .overlay {
  background: url(../assets/svg/hover/zs_galerie_hover.svg) no-repeat center center/cover;
}

.lichtblick .container-fresco .overlay, .lichtblick #macy-container .overlay {
  background: url(../assets/svg/hover/lb_galerie_hover.svg) no-repeat center center/cover;
}

.zentrumwiesental .container-fresco .overlay, .zentrumwiesental #macy-container .overlay {
  background: url(../assets/svg/hover/zw_galerie_hover.svg) no-repeat center center/cover;
}

.staubkaiserhaus .container-fresco .overlay, .staubkaiserhaus #macy-container .overlay {
  background: url(../assets/svg/hover/skh_galerie_hover.svg) no-repeat center center/cover;
}

.pflegezentrumeulachtal .container-fresco .overlay, .pflegezentrumeulachtal .overlay, .pflegezentrumeulachtal #macy-container .overlay {
  background: url(../assets/svg/hover/pze_galerie_hover.svg) no-repeat center center/cover;
}

.spitexes .container-fresco .overlay, .spitexes #macy-container .overlay {
  background: url(../assets/svg/hover/pe_galerie_hover.svg) no-repeat center center/cover;
}

.spitexeulachtal .container-fresco .overlay, .spitexeulachtal #macy-container .overlay {
  background: url(../assets/svg/hover/pe_galerie_hover.svg) no-repeat center center/cover;
}

.kita .container-fresco .overlay, .kita .overlay, .kita #macy-container .overlay {
  background: url(../assets/svg/hover/kit_galerie_hover.svg) no-repeat center center/cover;
}

.container-fresco:hover span, #macy-container:hover span {
  color: white;
  display: block;
  transition-duration: 0.3s;
}

.macy-child {
  overflow: hidden;
}

.macy-child .overlay {
  height: 100%;
}

/*Diverses*/
.topline {
  border-top: 1px solid #373737;
  padding-top: 10px;
  width: 100%;
}

.link-box-title {
  margin-top: 120px;
  margin-bottom: 50px;
}

/*Contact Form Formulare */
span.wpcf7-list-item {
  display: flex !important;
  margin-left: 0;
}

/*Kontakformulare Abstand Übertitel*/
.wpcf7 h4 {
  margin-bottom: 45px;
  font-weight: bold;
}

.wpcf7 .row {
  margin-bottom: 80px;
}

span[role=alert], .wpcf7-response-output {
  color: #922224;
  margin-top: 5px;
  margin-bottom: 5px;
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
}

.screen-reader-response {
  display: none;
}

.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input[type=tel] {
  height: 50px;
  margin-bottom: 20px;
  border: none;
  background-color: rgba(135, 135, 135, 0.07);
  width: 100%;
}
.wpcf7-form-control-wrap input[type=text]:hover, .wpcf7-form-control-wrap textarea:hover, .wpcf7-form-control-wrap input[type=tel]:hover {
  background-color: rgba(135, 135, 135, 0.15);
}

input[type=text], textarea, input[type=tel] {
  padding-left: 18px;
  margin-left: 0;
  color: #373737;
}

.codedropz-upload-inner span, .codedropz-upload-inner a {
  font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
}

.dnd-upload-counter {
  visibility: hidden;
}

.dnd-icon-remove:before {
  content: "Datei entfernen";
}

.dnd-upload-status {
  height: 80px;
  margin-bottom: 25px;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
  height: 35px;
  margin-bottom: 8px;
}

.dnd-upload-status .dnd-upload-details .name {
  color: #373737;
}

.dnd-upload-status .dnd-upload-details .name em {
  color: #878787;
  font: 1.5rem "TheSansC5-PlainItalic";
  padding-left: 14px;
}

.dnd-upload-status .dnd-upload-details .name {
  padding-bottom: 6px;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
  background: #9FC32E;
  font-family: "TheSansC5-Plain";
  font-size: 2rem;
  line-height: 35px;
}

.dnd-upload-status .dnd-upload-image {
  display: none;
}

.dnd-upload-status .dnd-upload-details {
  padding-left: 0;
}

.dnd-upload-status .dnd-upload-details span.has-error {
  color: #922224;
  margin-top: 8px;
}

.fullwidth input[type=text] {
  min-width: 100%;
}
.fullwidth textarea {
  min-width: 100%;
  min-height: 400px;
  padding-top: 15px;
}

label.label-container, button.label-container {
  position: relative;
  cursor: pointer;
  float: left;
  border-top: 1px solid black;
}

.label-container label:hover, label.label-container:hover, .label-container button:hover {
  background-color: rgba(135, 135, 135, 0.07);
}

.wpcf7-list-item {
  display: flex;
  flex-direction: column;
}

.label-container {
  min-height: 50px;
  padding-bottom: 15px;
}

.label-container input[type=checkbox] {
  display: none;
}

.label-container input[type=radio] {
  display: none;
}

.label-container .check-it {
  padding-top: 15px;
  text-align: left;
}

.sidebar .label-container input[type=checkbox] + .check-it, .sidebar .label-container input[type=radio] + .check-it {
  background: url(../assets/svg/icons/checkbox_hellgrau_ohne_2x.png) no-repeat;
  background-position: calc(100% - 20px) 13px;
  transition: background-position 0.3s ease-out;
  display: block;
  padding-top: 10px;
}

.label-container input[type=checkbox] + .check-it, .label-container input[type=radio] + .check-it {
  background: url(../assets/svg/icons/checkbox_dunkelgrau_ohne_2x.png) no-repeat;
  background-position: calc(100% - 20px) 13px;
  transition: background-position 0.3s ease-out;
  display: block;
  padding-top: 10px;
}

.label-container input[type=checkbox] + .check-it:hover {
  background-position: calc(100% - 20px) 13px;
  transition: background-position 0.3s ease-out;
}

/*-webkit-transition: background-position 0.3s ease-out*/
/*-moz-transition: background-position 0.3s ease-out*/
/*  -o-transition: background-position 0.3s ease-out*/
/*  transition: background-position 0.3s ease-out */
.label-container input[type=checkbox]:checked + .check-it, .label-container input[type=radio]:checked + .check-it {
  background: url(../assets/svg/icons/checkbox_dunkelgrau_2x.png) no-repeat;
  background-position: calc(100% - 20px) 13px;
  display: block;
}

.sidebar .label-container input[type=checkbox]:checked + .check-it, .sidebar .label-container input[type=radio]:checked + .check-it {
  background: url(../assets/svg/icons/checkbox_hellgrau_2x.png) no-repeat;
  background-position: calc(100% - 20px) 13px;
  display: block;
}

.label-container button.is-checked {
  background: url(../assets/svg/icons/checkbox_dunkelgrau_2x.png) no-repeat;
  background-position: calc(100% - 20px) 13px;
  display: block;
}

.sidebar .label-container button.is-checked {
  background: url(../assets/svg/icons/checkbox_hellgrau_2x.png) no-repeat;
  background-position: calc(100% - 20px) 13px;
  display: block;
}

input[type=submit] {
  background-color: transparent;
  background: url(../assets/svg/icons/pfeil_klein_weiss.svg) no-repeat;
  background-position: center right 10px;
  background-repeat: no-repeat;
  transition: background-position 0.3s ease-out;
  width: auto;
  text-align: left;
  border: none;
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
  color: white;
  padding-right: 42px;
}
input[type=submit]:hover {
  cursor: pointer;
  background-position: center right 0;
}

/*Grundlayout */
a[href^="tel:"], a[href^="mailto:"] {
  text-decoration: none;
}

hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #373737;
  background-color: #373737;
}

.desc {
  color: #878787;
}

#footer {
  position: relative;
}

#wrapper-inner {
  margin: 0 auto 0 auto;
  width: 100%;
  background-color: white;
}

.header-wrapper {
  position: relative;
  background-color: white;
  width: 100%;
  height: 120px;
  left: 50%;
  top: 0;
  transform: translate(-50%);
  transition: top 0.3s;
  z-index: 999;
}
@media (max-width: 1024px) {
  .header-wrapper {
    height: 70px;
    padding-top: 12px;
  }
}

.menu-bg {
  min-height: 100vh;
}
@media (max-width: 480px) {
  .menu-bg {
    min-height: 100vh;
  }
}

.content-site {
  position: relative;
  z-index: 2;
}

.shadow {
  box-shadow: 0 1px 1px 1px #ccc;
}

.sideinfo {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  color: #878787;
}

.footer-wrapper {
  position: absolute;
  height: 812px;
  top: 0;
  right: 0;
  bottom: -200px;
  left: 0;
  margin-top: -450px;
  z-index: 20;
}
@media (max-width: 1024px) {
  .footer-wrapper {
    height: 980px;
  }
}
@media (max-width: 480px) {
  .footer-wrapper {
    height: 1390px;
  }
}

.footer-wrapper {
  background: url("../assets/svg/flaechen/PE_Bogen_Footer.svg") no-repeat top/cover;
}
@media (max-width: 480px) {
  .footer-wrapper {
    background: url("../assets/svg/flaechen/pe_footer_sp.svg") no-repeat center top/cover;
  }
}
@media (min-width: 1921px) {
  .footer-wrapper {
    background: url("../assets/svg/flaechen/pe_bogen_footer_2700.svg") no-repeat center center;
    background-size: cover;
  }
}

.extraspace {
  margin-bottom: 18px;
}

.single-betriebe {
  padding-right: 40px;
}

.lichtblick .footer-wrapper {
  background: url("../assets/svg/flaechen/LB_Bogen_Footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .lichtblick .footer-wrapper {
    background: url("../assets/svg/flaechen/lb_footer_sp.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .lichtblick .footer-wrapper {
    background: url("../assets/svg/flaechen/lb_bogen_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.pflegezentrumeulachtal .footer-wrapper {
  background: url("../assets/svg/flaechen/PZE_Bogen_Footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .pflegezentrumeulachtal .footer-wrapper {
    background: url("../assets/svg/flaechen/pze_footer_sp.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .pflegezentrumeulachtal .footer-wrapper {
    background: url("../assets/svg/flaechen/pze_bogen_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.zentrumsonne .footer-wrapper {
  background: url("../assets/svg/flaechen/ZS_Bogen_Footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .zentrumsonne .footer-wrapper {
    background: url("../assets/svg/flaechen/zs_footer_sp.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .zentrumsonne .footer-wrapper {
    background: url("../assets/svg/flaechen/zs_bogen_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.spitexes .footer-wrapper {
  background: url("../assets/svg/flaechen/PE_Bogen_Footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .spitexes .footer-wrapper {
    background: url("../assets/svg/flaechen/pe_footer_sp.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .spitexes .footer-wrapper {
    background: url("../assets/svg/flaechen/pe_bogen_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.spitexeulachtal .footer-wrapper {
  background: url("../assets/svg/flaechen/spi_footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .spitexeulachtal .footer-wrapper {
    background: url("../assets/svg/flaechen/spi_footer_m.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .spitexeulachtal .footer-wrapper {
    background: url("../assets/svg/flaechen/spi_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.staubkaiserhaus .footer-wrapper {
  background: url("../assets/svg/flaechen/SKH_Bogen_Footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .staubkaiserhaus .footer-wrapper {
    background: url("../assets/svg/flaechen/skh_footer_sp.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .staubkaiserhaus .footer-wrapper {
    background: url("../assets/svg/flaechen/skh_bogen_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.zentrumwiesental .footer-wrapper {
  background: url("../assets/svg/flaechen/ZW_Bogen_Footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .zentrumwiesental .footer-wrapper {
    background: url("../assets/svg/flaechen/zw_footer_sp.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .zentrumwiesental .footer-wrapper {
    background: url("../assets/svg/flaechen/zw_bogen_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.lacasetta .footer-wrapper {
  background: url("../assets/svg/flaechen/lc_Bogen_Footer.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .lacasetta .footer-wrapper {
    background: url("../assets/svg/flaechen/lc_footer_sp.svg") no-repeat center top/cover;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .lacasetta .footer-wrapper {
    background: url("../assets/svg/flaechen/lc_bogen_footer_2700.svg") no-repeat center center scroll;
    background-size: cover;
  }
}

.kita .footer-wrapper {
  background: url("../assets/svg/flaechen/kit_bogen_footer_2700.svg") no-repeat top/cover;
}
@media (max-width: 480px) {
  .kita .footer-wrapper {
    background: url("../assets/svg/flaechen/kit_footer_sp.svg") no-repeat center top/cover;
  }
}
@media (min-width: 1921px) {
  .kita .footer-wrapper {
    background: url("../assets/svg/flaechen/kit_bogen_footer_2700.svg") no-repeat center center;
    background-size: cover;
  }
}

.header-inner, .footer-inner, .seitentitel-container {
  position: relative;
  width: 85%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
@media (max-width: 1450px) {
  .header-inner, .footer-inner, .seitentitel-container {
    width: 92%;
    max-width: 1200px;
  }
}
@media (max-width: 480px) {
  .header-inner, .footer-inner, .seitentitel-container {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .header-inner, .footer-inner, .seitentitel-container {
    width: 92%;
  }
}

.header-inner {
  display: flex;
}
@media (max-width: 1024px) {
  .header-inner {
    width: 100%;
  }
}

.footer-inner ul {
  margin-top: 0;
  margin-bottom: 0;
}

.footer-blocks {
  padding-right: 15px;
}

.footer-inner {
  padding-top: 380px;
  color: white;
}
@media (max-width: 1024px) {
  .footer-inner {
    padding-top: 240px;
  }
}
@media (max-width: 768px) {
  .footer-inner {
    padding-top: 120px;
  }
}
@media (max-width: 480px) {
  .footer-inner {
    padding-top: 80px;
  }
}

@media (max-width: 1024px) {
  .footer-blocks {
    margin-top: 50px;
  }
}

.footer-blocks.is-ds {
  display: flex;
}
.footer-blocks.is-ds a {
  padding-right: 10px;
  font: 1.5rem/2.2rem "TheSansC5-Plain", sans-serif;
}

.footer-sub-menu a {
  font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
}

#menu-footer-sub-menu {
  display: flex;
  margin-top: 60px;
}
#menu-footer-sub-menu li:first-child::after {
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}
#menu-footer-sub-menu li:nth-child(2)::after {
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}

.content {
  flex-basis: 100%;
}

.content.sub-2 {
  margin-top: 50vh;
}
@media (max-width: 1024px) {
  .content.sub-2 {
    margin-top: 65vh;
  }
}
@media (max-width: 480px) {
  .content.sub-2 {
    margin-top: 35vh;
  }
}
@media (min-width: 1921px) {
  .content.sub-2 {
    margin-top: 52vh;
  }
}

.sub-2 .content-site {
  padding-top: 5rem;
}
@media (max-width: 480px) {
  .sub-2 .content-site {
    padding-top: 0;
  }
}
@media (min-width: 1921px) {
  .sub-2 .content-site {
    padding-top: 6.5rem;
  }
}

.content.grafik {
  padding-top: 10px;
}
@media (max-width: 480px) {
  .content.grafik {
    padding-top: 50px;
  }
}

.content.sub-2::before {
  background: url(../assets/svg/bildmasken/unterebene02_bildmaske_2700.svg);
  background-repeat: no repeat;
  background-size: cover;
  background-position: top center;
  position: absolute;
  content: "";
  height: 440px;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 480px) {
  .content.sub-2::before {
    height: 150px;
  }
}

.content::after {
  position: absolute;
  content: "";
  background-color: white;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.content.sub-2::after {
  margin-top: 440px;
  z-index: -1;
}
@media (max-width: 480px) {
  .content.sub-2::after {
    margin-top: 150px;
  }
}

.boxed {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1450px) {
  .boxed {
    width: 92%;
    max-width: 1200px;
  }
}
@media (max-width: 768px) {
  .boxed {
    width: 92%;
  }
}
@media (max-width: 480px) {
  .boxed {
    width: 90%;
  }
}

.page-template-page-subnavigation-1-alter .boxed {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1450px) {
  .page-template-page-subnavigation-1-alter .boxed {
    width: 92%;
    max-width: 1200px;
  }
}
@media (max-width: 768px) {
  .page-template-page-subnavigation-1-alter .boxed {
    width: 92%;
  }
}
@media (max-width: 480px) {
  .page-template-page-subnavigation-1-alter .boxed {
    width: 90%;
  }
}

.newsbeitrag.in-site {
  margin-top: 10px;
}

.newsbeitrag.site-top {
  margin-top: 50px;
  max-width: 70%;
}
@media (max-width: 480px) {
  .newsbeitrag.site-top {
    max-width: 100%;
  }
}

.newsbeitrag p {
  font-weight: bold;
  margin-bottom: -32px;
}
@media (max-width: 480px) {
  .newsbeitrag p {
    margin-bottom: 15px;
  }
}

.pflegeeulachtal .newsbeitrag p, .pflegeeulachtal .beds p {
  color: #922224;
}

.pflegezentrumeulachtal .newsbeitrag p, .pflegezentrumeulachtal .beds p {
  color: #9FC32E;
}

.staubkaiserhaus .newsbeitrag p, .staubkaiserhaus .beds p {
  color: #006298;
}

.zentrumsonne .newsbeitrag p, .zentrumsonne .beds p {
  color: #F29126;
}

.lichtblick .newsbeitrag p, .lichtblick .beds p {
  color: #00A8D3;
}

.zentrumwiesental .newsbeitrag p, .zentrumwiesental .beds p {
  color: #006E67;
}

.spitexes .newsbeitrag p, .spitexes .beds p {
  color: #922224;
}

.spitexeulachtal .newsbeitrag p, .spitexeulachtal .beds p {
  color: #1e5faa;
}

.lacasetta .newsbeitrag p, .lacasetta .beds p {
  color: #E53739;
}

.kita .newsbeitrag p, .kita .beds p {
  color: #4cb05b;
}

.boxed.no-logo {
  z-index: 3;
}
.boxed.no-logo h2 {
  margin-top: 4.5rem;
  margin-bottom: 8rem;
  padding-left: 15px;
}
.boxed.no-logo p {
  padding-left: 15px;
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
  margin-bottom: -35px;
  margin-top: 100px;
}

.boxed-flex {
  position: relative;
  display: flex;
  width: 85%;
  max-width: 1360px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
@media (max-width: 1024px) {
  .boxed-flex {
    width: 92%;
    max-width: 1200px;
  }
}

.seiten-titel {
  position: relative;
  width: 85%;
  max-width: 1360px;
  margin-top: 65px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 480px) {
  .seiten-titel {
    margin-top: 0;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .seiten-titel {
    width: 92%;
    max-width: 1200px;
  }
}

.home section {
  margin-top: 14rem;
}

#quicklinks {
  margin-bottom: 25rem;
}

.sidebar {
  color: grey;
}
@media (max-width: 480px) {
  .sidebar {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 80px;
  }
}
@media (max-width: 1024px) {
  .sidebar {
    margin-top: 150px;
  }
}

.sidebar-container {
  margin-bottom: 60px;
}
@media (max-width: 480px) {
  .sidebar-container {
    width: 100%;
  }
}

.sidebar-topline {
  border-top: 1px solid #878787;
  padding-top: 10px;
}

/*List Styling*/
/*Freie Betten*/
p.lastupdate {
  color: #878787;
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  margin-bottom: 50px;
}

.freiebetten {
  position: absolute;
  color: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.freiebetten p.anzahl {
  font: 8rem "TheSansC5-Bold";
  line-height: 8rem;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}
.freiebetten p.txt {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  margin-top: 6px;
  margin-bottom: 0;
}

/*Hovers */
.listing-1 {
  margin-bottom: 40px;
}

.betrieb-prev-container {
  min-height: 470px;
}
@media (max-width: 480px) {
  .betrieb-prev-container {
    min-height: 430px;
  }
}

.stellen-container {
  height: 540px;
}
@media (max-width: 768px) {
  .stellen-container {
    height: 500px;
  }
}

.box-event-container {
  min-height: 700px;
}
.box-event-container.low {
  min-height: 430px;
  margin-bottom: 60px;
}
.box-event-container.high {
  min-height: 600px;
}

.box-adress-container.low {
  min-height: 430px;
  margin-bottom: 45px;
}
.box-adress-container.lowest {
  min-height: 300px;
}
.box-adress-container.high {
  min-height: 600px;
}
.box-adress-container p {
  color: #878787;
}

.box-no-desc-container {
  height: 430px;
}

.box-no-desc-container.no-logo {
  height: 450px;
}

.box-no-desc-container a:hover {
  opacity: 0.8;
}

.aktuelles-container {
  height: 520px;
}
@media (max-width: 480px) {
  .aktuelles-container {
    height: 430px;
  }
}

.betrieb-prev, .box-no-desc {
  position: relative;
}

.aktuelles-overview {
  position: relative;
  max-height: 550px;
  overflow: hidden;
}

.aktuelles-overview ul {
  margin-top: 0;
}

.rueckblick::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: green;
  border-radius: 50%;
  margin-left: 10px;
}

.betrieb-prev img, .box-no-desc {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.aktuelles-overview img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.aktuelles-overview .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
}

.aktuelles-overview:hover .overlay {
  opacity: 1;
}

.betrieb-prev > a:hover .overlay {
  opacity: 1;
}

.overlay-fixed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.betrieb-prev .overlay, .aktuelles-img .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.2s ease;
}

.pflegezentrumeulachtal .overlay-fixed {
  background: url(../assets/svg/freiebetten/pze_hover_freiebetten.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.lichtblick .overlay-fixed {
  background: url(../assets/svg/freiebetten/lb_hover_freiebetten.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.staubkaiserhaus .overlay-fixed {
  background: url(../assets/svg/freiebetten/skh_hover_freiebetten.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.zentrumsonne .overlay-fixed {
  background: url(../assets/svg/freiebetten/zs_hover_freiebetten.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.zentrumwiesental .overlay-fixed {
  background: url(../assets/svg/freiebetten/zw_hover_freiebetten.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.lacasetta .overlay-fixed {
  background: url(../assets/svg/freiebetten/lc_hover_freiebetten.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.pflegeeulachtal .overlay {
  background: url(../assets/svg/hover/pe_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.pflegezentrumeulachtal .betrieb-prev .overlay {
  background: url(../assets/svg/hover/pze_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.lichtblick .betrieb-prev .overlay {
  background: url(../assets/svg/hover/lb_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.staubkaiserhaus .betrieb-prev .overlay {
  background: url(../assets/svg/hover/skh_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.zentrumsonne .betrieb-prev .overlay {
  background: url(../assets/svg/hover/zs_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.zentrumwiesental .betrieb-prev .overlay {
  background: url(../assets/svg/hover/zw_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.lacasetta .betrieb-prev .overlay {
  background: url(../assets/svg/hover/lc_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.spitexes .betrieb-prev .overlay {
  background: url(../assets/svg/hover/pe_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.spitexeulachtal .betrieb-prev .overlay {
  background: url(../assets/svg/hover/spi_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.kita .betrieb-prev .overlay {
  background: url(../assets/svg/hover/kit_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.bliib-gsund .betrieb-prev .overlay {
  background: url(../assets/svg/hover/bg_Hover_2-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.pflegezentrumeulachtal .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/PZE_Hover_4-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.lichtblick .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/LB_Hover_4-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.staubkaiserhaus .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/SKH_Hover_4-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.zentrumsonne .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/ZS_Hover_4-spaltig.svg) no-repeat;
  background-size: 101%;
  border-radius: 4px;
}

.zentrumwiesental .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/ZW_Hover_4-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.lacasetta .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/LC_Hover_4-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.spitexes .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/PE_Hover_4-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.spitexeulachtal .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/spi_hover_3-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.kita .aktuelles-overview .overlay {
  background: url(../assets/svg/hover/kit_hover_4-spaltig.svg) no-repeat center center;
  background-size: 101%;
  border-radius: 4px;
}

.pflegezentrumeulachtal .logo-content.klein {
  background: url(../assets/svg/logos/pze_logo.svg) no-repeat bottom left;
}
.pflegezentrumeulachtal .logo-content.gross {
  background: url(../assets/svg/logos/pze_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .pflegezentrumeulachtal .logo-content.gross {
    background: url(../assets/svg/logos/pze_logo.svg) no-repeat bottom left;
  }
}

.lichtblick .logo-content.klein {
  background: url(../assets/svg/logos/lb_logo.svg) no-repeat bottom left;
}
.lichtblick .logo-content.gross {
  background: url(../assets/svg/logos/lb_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .lichtblick .logo-content.gross {
    background: url(../assets/svg/logos/lb_logo.svg) no-repeat bottom left;
  }
}

.staubkaiserhaus .logo-content.klein {
  background: url(../assets/svg/logos/skh_logo.svg) no-repeat bottom left;
}
.staubkaiserhaus .logo-content.gross {
  background: url(../assets/svg/logos/skh_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .staubkaiserhaus .logo-content.gross {
    background: url(../assets/svg/logos/skh_logo.svg) no-repeat bottom left;
  }
}

.zentrumsonne .logo-content.klein {
  background: url(../assets/svg/logos/zs_logo.svg) no-repeat bottom left;
}
.zentrumsonne .logo-content.gross {
  background: url(../assets/svg/logos/zs_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .zentrumsonne .logo-content.gross {
    background: url(../assets/svg/logos/zs_logo.svg) no-repeat bottom left;
  }
}

.zentrumwiesental .logo-content.klein {
  background: url(../assets/svg/logos/zw_logo.svg) no-repeat bottom left;
}
.zentrumwiesental .logo-content.gross {
  background: url(../assets/svg/logos/zw_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .zentrumwiesental .logo-content.gross {
    background: url(../assets/svg/logos/zw_logo.svg) no-repeat bottom left;
  }
}

.spitexes .logo-content.klein {
  background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
}
.spitexes .logo-content.gross {
  background: url(../assets/svg/logos/ses_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .spitexes .logo-content.gross {
    background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
  }
}

.spitexeulachtal .logo-content.klein {
  background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
}
.spitexeulachtal .logo-content.gross {
  background: url(../assets/svg/logos/ses_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .spitexeulachtal .logo-content.gross {
    background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
  }
}

.lacasetta .logo-content.klein {
  background: url(../assets/svg/logos/lac_logo.svg) no-repeat bottom left;
}
.lacasetta .logo-content.gross {
  background: url(../assets/svg/logos/lac_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .lacasetta .logo-content.gross {
    background: url(../assets/svg/logos/lac_logo.svg) no-repeat bottom left;
  }
}

.kita .logo-content.klein {
  background: url(../assets/svg/logos/kit_logo.svg) no-repeat bottom left;
}
.kita .logo-content.gross {
  background: url(../assets/svg/logos/kit_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .kita .logo-content.gross {
    background: url(../assets/svg/logos/kit_logo.svg) no-repeat bottom left;
  }
}

.pflegeeulachtal .logo-content.klein {
  background: url(../assets/svg/logos/pe_logo_klein.svg) no-repeat bottom left;
}
.pflegeeulachtal .logo-content.gross {
  background: url(../assets/svg/logos/pe_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .pflegeeulachtal .logo-content.gross {
    background: url(../assets/svg/logos/pe_logo_klein.svg) no-repeat bottom left;
  }
}

.pflegezentrumeulachtal > .logo-content.klein {
  background: url(../assets/svg/logos/pze_logo.svg) no-repeat bottom left;
}
.pflegezentrumeulachtal > .logo-content.gross {
  background: url(../assets/svg/logos/pze_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .pflegezentrumeulachtal > .logo-content.gross {
    background: url(../assets/svg/logos/pze_logo.svg) no-repeat bottom left;
  }
}

.lichtblick > .logo-content.klein {
  background: url(../assets/svg/logos/lb_logo.svg) no-repeat bottom left;
}
.lichtblick > .logo-content.gross {
  background: url(../assets/svg/logos/lb_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .lichtblick > .logo-content.gross {
    background: url(../assets/svg/logos/lb_logo.svg) no-repeat bottom left;
  }
}

.staubkaiserhaus > .logo-content.klein {
  background: url(../assets/svg/logos/skh_logo.svg) no-repeat bottom left;
}
.staubkaiserhaus > .logo-content.gross {
  background: url(../assets/svg/logos/skh_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .staubkaiserhaus > .logo-content.gross {
    background: url(../assets/svg/logos/skh_logo.svg) no-repeat bottom left;
  }
}

.zentrumsonne > .logo-content.klein {
  background: url(../assets/svg/logos/zs_logo.svg) no-repeat bottom left;
}
.zentrumsonne > .logo-content.gross {
  background: url(../assets/svg/logos/zs_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .zentrumsonne > .logo-content.gross {
    background: url(../assets/svg/logos/zs_logo.svg) no-repeat bottom left;
  }
}

.zentrumwiesental > .logo-content.klein {
  background: url(../assets/svg/logos/zw_logo.svg) no-repeat bottom left;
}
.zentrumwiesental > .logo-content.gross {
  background: url(../assets/svg/logos/zw_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .zentrumwiesental > .logo-content.gross {
    background: url(../assets/svg/logos/zw_logo.svg) no-repeat bottom left;
  }
}

.spitexes > .logo-content.klein {
  background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
}
.spitexes > .logo-content.gross {
  background: url(../assets/svg/logos/ses_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .spitexes > .logo-content.gross {
    background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
  }
}

.spitexeulachtal > .logo-content.klein {
  background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
}
.spitexeulachtal > .logo-content.gross {
  background: url(../assets/svg/logos/ses_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .spitexeulachtal > .logo-content.gross {
    background: url(../assets/svg/logos/ses_logo.svg) no-repeat bottom left;
  }
}

.lacasetta > .logo-content.klein {
  background: url(../assets/svg/logos/lac_logo.svg) no-repeat bottom left;
}
.lacasetta > .logo-content.gross {
  background: url(../assets/svg/logos/lac_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .lacasetta > .logo-content.gross {
    background: url(../assets/svg/logos/lac_logo.svg) no-repeat bottom left;
  }
}

.kita > .logo-content.klein {
  background: url(../assets/svg/logos/kit_logo.svg) no-repeat bottom left;
}
.kita > .logo-content.gross {
  background: url(../assets/svg/logos/kit_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .kita > .logo-content.gross {
    background: url(../assets/svg/logos/kit_logo.svg) no-repeat bottom left;
  }
}

.pflegeeulachtal > .logo-content.klein {
  background: url(../assets/svg/logos/pe_logo_klein.svg) no-repeat bottom left;
}
.pflegeeulachtal > .logo-content.gross {
  background: url(../assets/svg/logos/pe_logo_gross.svg) no-repeat bottom left;
}
@media (max-width: 480px) {
  .pflegeeulachtal > .logo-content.gross {
    background: url(../assets/svg/logos/pe_logo_klein.svg) no-repeat bottom left;
  }
}

.logo-content {
  position: relative;
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
  .logo-content {
    margin-top: 1rem;
  }
}
.logo-content.gross {
  height: 100px;
  margin-left: -30px;
}
@media (max-width: 480px) {
  .logo-content.gross {
    margin-left: 0;
  }
}
.logo-content.klein {
  height: 82px;
  margin-left: -20px;
}
@media (max-width: 480px) {
  .logo-content.klein {
    margin-left: 0;
  }
}

/*Startseite */
.cta-front {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background-color: #922224;
  position: absolute;
  top: 200px;
}

.cta-front p {
  position: absolute;
  color: white;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.start-header-img {
  position: fixed;
  height: 100vh;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (max-width: 480px) {
  .start-header-img {
    height: 90vh;
  }
}

.__intro-text {
  padding-top: 35px;
}
@media (max-width: 480px) {
  .__intro-text {
    padding-top: 5px;
  }
}

.___intro-claim {
  width: 90%;
  color: white;
  top: 0;
  margin-top: 7.3rem;
  margin-bottom: 146px;
}
@media (max-width: 480px) {
  .___intro-claim {
    margin-top: 6rem;
    width: 100%;
  }
}
.___intro-claim h1 {
  margin-bottom: 140px;
}
@media (max-width: 480px) {
  .___intro-claim h1 {
    margin-bottom: 80px;
  }
}
.___intro-claim p {
  color: white;
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  line-height: 4.3rem;
}
@media (max-width: 480px) {
  .___intro-claim p {
    font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
    width: 100%;
  }
  .___intro-claim p > .mehr-button.gross {
    margin-top: 6.5rem;
  }
}
@media (min-width: 1921px) {
  .___intro-claim p {
    margin-top: 8rem;
  }
}

.content {
  position: relative;
  padding-bottom: 700px;
  z-index: 20;
}

.intro-item-box {
  position: relative;
  margin-top: 100vh;
}
@media (max-width: 480px) {
  .intro-item-box {
    margin-top: 850px;
  }
}

._intro-item-grafik {
  background: url(../assets/svg/flaechen/pe_startseite_bogen_neuneu.png) no-repeat top/cover;
  position: relative;
  content: "";
  height: 980px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin-top: -400px;
  z-index: 21;
}
@media (min-width: 1921px) {
  ._intro-item-grafik {
    background: url(../assets/svg/flaechen/pe_startseite_bogen_2700.svg) no-repeat top/cover;
  }
}
@media (max-width: 480px) {
  ._intro-item-grafik {
    background: url(../assets/svg/flaechen/pe_startseite_bogen_sp.svg) no-repeat top center;
    background-size: cover;
    margin-top: -400px;
    height: 920px;
  }
}

@media (max-width: 480px) {
  .logo-content {
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  #news .col-md-6 {
    margin-bottom: 100px;
  }
}

.hauptangebote .angebot {
  margin-bottom: 120px;
}
@media (max-width: 480px) {
  .hauptangebote .angebot {
    margin-bottom: 80px;
  }
}

.hauptangebote-section {
  position: relative;
  min-height: 1920px;
  background: url("../assets/svg/flaechen/Hellgrau_BG_Startseite.svg") no-repeat center center scroll;
}
@media (max-width: 480px) {
  .hauptangebote-section {
    background: none;
    min-height: auto;
  }
}
@media (min-width: 1921px) {
  .hauptangebote-section {
    background: url("../assets/svg/flaechen/pe_hellgrau_startseite_2700.svg") no-repeat center center;
  }
}

.hauptangebote {
  padding-top: 580px;
  padding-bottom: 50px;
  margin-top: -600px;
}
@media (max-width: 480px) {
  .hauptangebote {
    padding-top: 430px;
    margin-top: -380px;
  }
}

.hauptangebote img {
  max-height: 550px;
  border-radius: 4px;
}

/*Animations */
.fade-in {
  transform: translate3d(0, 0, 0) scale(1) rotate(0deg) skew(0deg);
}

/*Isotope */
.hidden {
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

.filters {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  margin-top: 0;
}

.filter-mobile {
  display: none;
}
@media (max-width: 768px) {
  .filter-mobile {
    display: block;
  }
}

.btn-filter-mobile {
  display: block;
  text-align: center;
  border: 1px solid #373737;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 20px;
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
}

.btn-filter-mobile::after {
  content: "";
  background: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg) no-repeat right center;
  background-position: 97%;
  transition: background-position 0.3s ease-out;
  top: 30px;
  width: 30px;
  height: 60px;
  transform: translate(0, -70%) rotate(90deg);
  border-style: none;
}

.beefup.is-open > .beefup__head::after {
  transform: translate(0, -50%) rotate(270deg);
}

.btn-filter-mobile:hover {
  cursor: pointer;
}

@media (max-width: 768px) {
  ul.filters {
    display: none;
  }
}

ul.filters.open {
  display: block;
}

/*input[type="checkbox"]
 * * display: none */
.filters label, .filters button {
  position: relative;
  cursor: pointer;
  float: left;
  padding-bottom: 10px;
  border-top: 1px solid #878787;
}

.filters input, button input {
  float: right;
  margin-right: 13px;
  transition: margin-right 0.3s ease-out;
}

.filters input:hover, button input:hover {
  margin-right: 5px;
}

.sidebar-filter-wrapper {
  display: flex;
  flex-direction: column;
}

.news-betriebe-block {
  margin-bottom: 55px;
}

.sidebar-filter-wrapper input[type=checkbox] + label:after, .sidebar-filter-wrapper input[type=checkbox] + button:after {
  left: -1.2em;
  color: #000;
  display: inline-block;
  position: absolute;
  right: -1.2em;
  top: -0.1em;
  width: 0.8em;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.6em;
  content: "\f096";
  font-family: "FontAwesome";
}

.sidebar-filter-wrapper input[type=checkbox]:checked + label:after, .sidebar-filter-wrapper input[type=checkbox]:checked + button:after {
  content: "\f046";
}

.img-sel {
  margin-bottom: 18px;
}

/*Stelleninserate*/
.list.stellenangaben {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
}

.stellenangaben {
  margin-bottom: 35px;
}
.stellenangaben .stellenprozent {
  font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
}

div.stellenbezeichnung {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
}

.stelleninserat .__einleitung {
  margin-bottom: 80px;
}
.stelleninserat .__skills {
  margin-bottom: 50px;
}
.stelleninserat .__kontakt {
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
  margin-top: 50px;
}

/*Social Share*/
.social-share {
  margin-top: 120px;
}

/*Quicklinks*/
.quick-icon-titel {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 20px;
  padding-left: 20px;
  color: white;
  font: 2.6rem/3.6rem "TheSansC5-Plain";
}
@media (max-width: 480px) {
  .quick-icon-titel {
    font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
    padding-left: 10px;
  }
}
@media (max-width: 1024px) {
  .quick-icon-titel {
    font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
    padding-top: 10px;
  }
}

#quicklinks .menuplan {
  background: url(../assets/svg/quicklinks/quicklink_mahlzeit.svg);
}
#quicklinks .menuplan:hover {
  background: url(../assets/svg/quicklinks/quicklink_mahlzeit_hover.svg);
}
#quicklinks .offenestellen {
  background: url(../assets/svg/quicklinks/quicklink_stellen.svg) no-repeat center center;
}
#quicklinks .offenestellen:hover {
  background: url(../assets/svg/quicklinks/quicklink_stellen_hover.svg) no-repeat center center;
}
#quicklinks .freiebetten {
  background: url(../assets/svg/quicklinks/quicklink_betten.svg) no-repeat center center;
}
#quicklinks .freiebetten:hover {
  background: url(../assets/svg/quicklinks/quicklink_betten_hover.svg) no-repeat center center;
}
#quicklinks .unterstutzen {
  background: url(../assets/svg/quicklinks/quicklink_unterstuetzen.svg) no-repeat center center;
}
#quicklinks .unterstutzen:hover {
  background: url(../assets/svg/quicklinks/quicklink_unterstuetzen_hover.svg) no-repeat center center;
}

#quicklinks .quick-icon {
  position: relative;
}
@media (max-width: 480px) {
  #quicklinks .quick-icon {
    margin-bottom: 25px;
  }
}
#quicklinks .quick-icon img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.overlay-quickicons {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.overlay-quickicons:hover {
  opacity: 1;
}

#quicklinks .col-md-6 {
  margin-bottom: 15px;
}

/*Back to top Button*/
.topbutton {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 5px;
  bottom: 5px;
  z-index: 1;
  background-image: url(../assets/svg/icons/pfeil_backtotop_grau.svg);
  background-repeat: no-repeat;
  display: none;
}

/*Jubibutton*/
.jubibutton {
  height: 119px;
  width: 110px;
  position: fixed;
  right: 50px;
  top: 200px;
  z-index: 22;
  background-image: url(../assets/svg/jubi/pe_logoanime_web.svg);
  background-repeat: no-repeat;
}

/*Downloadlinks Footer*/
.footer-blocks .links li {
  border-top: 1px solid white;
  background-position: 97% !important;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  transition: background-position 0.3s ease-out;
  background: url(../assets/svg/icons/pfeil_klein_weiss.svg) no-repeat right center;
}

.footer-blocks .links li:hover {
  background-position: 99% !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.footer-blocks .links li {
  width: 100%;
}

.footer-blocks .links li a {
  display: inline-block;
  max-width: 85%;
}

.footer-blocks .pdfdoc a {
  border-top: 1px solid white;
  background-position: 97% !important;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  transition: background-position 0.3s ease-out;
  background: url(../assets/svg/icons/download_weiss.svg) no-repeat right center;
}

.footer-blocks .pdfdoc a:hover {
  background-position: 99% !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.footer-blocks .pdfdoc li {
  max-width: 85%;
}

/* Bliib Gsund */
/*Eventauflistung */
#menu-servicenavigation-footer li, a.footer-title {
  line-height: 3.2rem;
  border-top: 1px solid white;
  background: url(../assets/svg/icons/pfeil_klein_weiss.svg) no-repeat right center;
  background-position: 97%;
  transition: background-position 0.3s ease-out;
}
#menu-servicenavigation-footer li:hover, a.footer-title:hover {
  background-color: rgba(255, 255, 255, 0.2);
  background-position: 99%;
}

a.footer-title {
  border-top: 2px solid white;
}

.event {
  /* reset styles (optional): */
  list-style: none;
}
.event-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #878787;
  background: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg) no-repeat right center;
  background-position: 97%;
  transition: background-position 0.3s ease-out;
}

.event-list:hover {
  background-color: rgba(135, 135, 135, 0.07);
  background-position: 99%;
}

.event-date, .event-date span {
  flex-basis: 100%;
}

.event-name {
  flex-basis: 100%;
}

#footer .event-list {
  background: url(../assets/svg/icons/pfeil_klein_weiss.svg) no-repeat right center;
  background-position: 97%;
  transition: background-position 0.3s ease-out;
}

#footer .event-list:hover {
  background-color: rgba(255, 255, 255, 0.2);
  background-position: 99%;
}

/*Tabellen*/
table {
  width: 100%;
}

thead tr {
  text-align: left;
  height: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
}

table td {
  font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
  border-top: 1px solid;
  padding-bottom: 8px;
  padding-top: 15px;
}
@media (max-width: 480px) {
  table td {
    display: block;
  }
}

@media (max-width: 480px) {
  table td:first-child {
    width: 100% !important;
    margin-top: 35px;
    font-family: "TheSansC5-Bold";
  }
}

@media (max-width: 480px) {
  table td:nth-child(2) {
    border-top: none;
    padding-top: 0;
  }
}

/*Calculation Tool*/
.wpcf7-calculation {
  border: none !important;
  background-color: transparent !important;
}

.calculation-521::before, .calculation-522::before, .calculation-523::before {
  content: "ab CHF";
}
.calculation-521::after, .calculation-522::after, .calculation-523::after {
  content: "pro Tag";
}

.calculation-521 input, .calculation-522 input, .calculation-523 input {
  width: 75px !important;
  padding-left: 5px;
}

/*Kontaktformular*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border: 1px solid #922224;
}

/*Kontaktformular WS Form*/
input[type=checkbox].wsf-field + label.wsf-label, input[type=radio].wsf-field + label.wsf-label {
  padding-inline-start: 42px !important;
}

.wsf-label {
  margin-bottom: 8px !important;
}

.info-message .wsf-alert {
  background-color: transparent;
  border-inline-start: none;
  padding-left: 0;
}

.hide-tabs {
  display: none !important;
}

.small-form {
  max-width: 70%;
}
@media (max-width: 480px) {
  .small-form {
    max-width: 100%;
  }
}

/*BeefUp */
.beefup__body {
  padding-left: 0;
}

.beefup {
  margin-top: 0;
  margin-bottom: 0;
}

.beefup__body p {
  margin-top: 0;
}

.beefup__head {
  font-family: "TheSansC5-Bold";
}
.beefup__head button {
  padding-left: 0;
  color: #373737;
  border-top: 1px solid #373737;
  display: flex;
  align-items: center;
  height: 90x;
}

.beefup.example-scroll:hover {
  background-color: rgba(135, 135, 135, 0.07);
}

.beefup.example-scroll.is-open:hover {
  background-color: transparent;
}

.beefup__head::after {
  content: "";
  background: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg) no-repeat right center;
  background-position: 97%;
  transition: background-position 0.3s ease-out;
  top: 30px;
  width: 30px;
  height: 60px;
  transform: translate(0, -70%) rotate(90deg);
  border-style: none;
}

.beefup.is-open > .beefup__head::after {
  transform: translate(0, -50%) rotate(270deg);
}

.beefup__head.icon::after {
  top: 58px;
  margin-right: 20px;
}

.dsvgo-art span {
  background-color: #922224;
  padding: 5px 15px 5px 15px;
  border-radius: 15px;
  color: white;
  margin-left: 40px;
  font-size: 13px;
}

/*Sidebar */
.sidebar .event-name, .sidebar .stellenbezeichnung {
  max-width: 80%;
}

.event-name h3 {
  margin-top: 0;
  margin-bottom: 0;
}

div.sidebar-titel, .sidebar-titel {
  border-top: 3px solid #878787 !important;
  padding-top: 6px;
  margin-bottom: 32px;
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
}

.sidebar-titel a {
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
}

.sidebar-titel.sub {
  font: 1.9rem/2.9rem "TheSansC5-Bold", sans-serif;
  border-top: 1px solid #878787;
}

.sidebar-titel.desc {
  margin-top: 12px;
  border-top: 2px solid #878787;
}

.kontaktdaten {
  margin-top: 20px;
}

.kontaktdaten.center {
  margin-top: 25px;
}

.sidebar .kontakt-block .kontaktdaten {
  padding-left: 0;
}

.kontakt-block .kontaktdaten {
  padding-left: 0;
}
@media (max-width: 480px) {
  .kontakt-block .kontaktdaten {
    padding-left: 25px;
  }
}

.kontaktdaten p, .main-adress p {
  margin-top: 0;
  margin-bottom: 0;
}

.main-adress p:nth-child(2) {
  margin-top: 16px;
}

.main-adress p:nth-child(4) {
  margin-bottom: 15px;
}

.kontaktdaten p:nth-child(1) {
  font-family: "TheSansC5-Bold";
}

.kontaktdaten p:nth-child(2) {
  margin-bottom: 10px;
}

.kontaktdaten p:nth-child(4) {
  margin-bottom: 10px;
}

.kontakt-block {
  margin-top: 30px;
  margin-bottom: 30px;
}

.kontakt-block img {
  border-radius: 50%;
  width: 200px;
}

.kontakt-block.flex {
  display: flex;
}
@media (max-width: 480px) {
  .kontakt-block.flex {
    flex-direction: column;
  }
}

.kontakt-img img {
  border-radius: 50%;
}

.kontakt-img.gross img {
  width: 100%;
  max-width: 220px;
}

.kontakt-img.klein img {
  width: 100%;
  max-width: 190px;
}

.kontakt-block.two {
  display: flex;
  width: 50%;
}
@media (max-width: 480px) {
  .kontakt-block.two {
    flex-direction: column;
  }
}

.contact-block.flex {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .contact-block.flex {
    flex-direction: column;
  }
}

.contact-block.inserat {
  margin-top: 50px;
}

/*IMG Styling */
.einzelbild-fullwidth img {
  width: 100%;
  height: auto;
}

/*List Styling*/
.wysiwyg-editor li, .text-block li, .__skills li, .beefup__body li {
  display: table;
  margin-bottom: 0.75rem;
}

.wysiwyg-editor ul, .text-block ul, .__skills ul, .beefup__body ul {
  list-style: none;
  font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
  margin-top: 0;
}
@media (max-width: 480px) {
  .wysiwyg-editor ul, .text-block ul, .__skills ul, .beefup__body ul {
    font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
  }
}

.wysiwyg-editor ul li::before, .text-block ul li::before, .__skills ul li::before, .beefup__body ul li::before {
  content: "•";
  color: #922224;
  width: 1em;
  display: table-cell;
}

.page-template-page-subnavigation-1-alter .wysiwyg-editor ul li {
  display: flex;
  align-items: top;
}

.page-template-page-subnavigation-1-alter .wysiwyg-editor ul li::before, .text-block ul li::before, .__skills ul li::before, .beefup__body ul li::before {
  content: "•";
  font-size: 80px;
  color: #009dde;
  width: 0.5em;
  display: table-cell;
}

.page-template-page-subnavigation-1-alter .wysiwyg-editor ul li b {
  padding-top: 4px;
  font-weight: normal;
}

.pflegezentrumeulachtal .wysiwyg-editor ul li::before, .pflegezentrumeulachtal .text-block ul li::before, .pflegezentrumeulachtal .__skills ul li::before {
  color: #9FC32E;
}

.zentrumsonne .wysiwyg-editor ul li::before, .zentrumsonne .text-block ul li::before, .zentrumsonne .__skills ul li::before {
  color: #F29126;
}

.lichtblick .wysiwyg-editor ul li::before, .lichtblick .text-block ul li::before, .lichtblick .__skills ul li::before {
  color: #00A8D3;
}

.staubkaiserhaus .wysiwyg-editor ul li::before, .staubkaiserhaus .text-block ul li::before, .staubkaiserhaus .__skills ul li::before {
  color: #006298;
}

.zentrumwiesental .wysiwyg-editor ul li::before, .zentrumwiesental .text-block ul li::before, .zentrumwiesental .__skills ul li::before {
  color: #006E67;
}

.lacasetta .wysiwyg-editor ul li::before, .lacasetta .text-block ul li::before, .lacasetta .__skills ul li::before {
  color: #E53739;
}

.kita .wysiwyg-editor ul li::before, .kita .text-block ul li::before, .kita .__skills ul li::before {
  color: #4cb05b;
}

/*Font-Styling */
.bold, bold, strong {
  font-family: "TheSansC5-Bold";
}

h1 {
  font-size: 7.5rem;
  font-family: "TheSansC5-PlainItalic";
  font-style: italic;
  line-height: 9.8rem;
  font-weight: normal;
}
@media (max-width: 768px) {
  h1 {
    font-size: 4.5rem;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 4.5rem;
    line-height: 5.5rem;
  }
}

h2 {
  font-size: 4.8rem;
  line-height: 6.2rem;
  font-weight: normal;
  margin-bottom: 3rem;
}
@media (max-width: 480px) {
  h2 {
    font-size: 3.5rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}

h2.claim-betrieb {
  font-family: "TheSansC5-PlainItalic";
  font-style: italic;
}

h3, .pagebuilder__item h3, .post-titel a {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  margin-top: 0;
}
@media (max-width: 480px) {
  h3, .pagebuilder__item h3, .post-titel a {
    font: 2.6rem/3.6rem "TheSansC5-Plain";
  }
}

.pflegezentrumeulachtal .box-title-content h3, .lichtblick .box-title-content h3, .zentrumwiesental .box-title-content h3, .zentrumsonne .box-title-content h3, .lacasetta .box-title-content h3, .staubkaiserhaus .box-title-content h3 {
  color: #373737 !important;
}

.info-block h3, .item h3 {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 2.7rem;
}

.wysiwyg-editor h3 {
  padding-bottom: 0;
  margin-top: 0;
}

h4 {
  font: 2.1rem/3.3rem "TheSansC5-Plain";
  font-weight: normal;
}

.item h4 {
  margin-bottom: 5px;
}

.seitentitel-container {
  padding-top: 120px;
}
@media (max-width: 480px) {
  .seitentitel-container {
    padding-top: 50px;
    padding-left: 15px;
  }
}
@media (min-width: 1921px) {
  .seitentitel-container {
    padding-top: 160px;
  }
}
.seitentitel-container__titel {
  color: white;
}

.breadcrumb-titel__sub {
  position: relative;
  z-index: 2;
}

.post-titel {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  margin: 0 0 15px 0;
}

.post-titel:hover a .post-titel-link:after {
  content: "Alle Anlässe";
}

.info-block {
  margin-top: 25px;
}

.info-block h4 {
  height: 70px;
}

.entry-txt {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  margin-top: 5rem;
  margin-bottom: 5.5rem;
}
@media (max-width: 480px) {
  .entry-txt {
    font: 2rem/2.9rem "TheSansC5-Plain", sans-serif;
    margin-bottom: 4.5rem;
  }
}

#stationaer .betrieb-prev-container h4 {
  margin-top: 3.3rem;
  margin-bottom: 2.7rem;
  padding-right: 30px;
}

.betrieb-prev-container h4 {
  margin-top: 5px;
}

.footer-title, #menu-servicenavigation-footer {
  font: 2.3rem/3.5rem "TheSansC5-Bold", sans-serif;
}

.text-container h1 {
  font-size: 1.45rem;
}

.intro-text h1, .intro-text p {
  color: white;
}

#footer .event-date {
  color: white;
}

.seiten-titel {
  margin-bottom: 300px;
}

.betrieb-prev > a, .aktuelles-img > a {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
}

.post-date, .event-date {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  color: #878787;
}

.box-title-container {
  margin-bottom: 10px;
  position: relative;
}
.box-title-container.geschichten {
  height: 120px;
}
.box-title-container.geschichten h3 {
  margin-top: 25px;
  margin-bottom: 35px;
}

.box-title-content {
  margin-top: 15px;
  margin-bottom: 15px;
}
.box-title-content h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.claim-betrieb {
  margin-top: 5rem;
  margin-bottom: 73px;
}
@media (max-width: 480px) {
  .claim-betrieb {
    margin-bottom: 20px;
  }
}

.lead-intro {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  margin-bottom: 5rem;
  margin-top: 0;
}
@media (max-width: 480px) {
  .lead-intro {
    font: 2.3rem/3.5rem "TheSansC5-Plain", sans-serif;
  }
}

.lead-intro p {
  font: 2.6rem/3.6rem "TheSansC5-Plain";
  margin-top: 0;
}
@media (max-width: 480px) {
  .lead-intro p {
    font: 2.3rem/3.5rem "TheSansC5-Plain", sans-serif;
  }
}

li {
  text-align: left;
}

.adressblock {
  margin-bottom: 20px;
}
.adressblock > p {
  margin-bottom: 0;
}
.adressblock > p:nth-child(3) {
  margin-bottom: 8px;
}

/*OPAN Anpassungen*/
#opan-btn-app-counter {
  display: none !important;
}

/* Isotope Masonry Grid */
img.macy-img {
  display: block;
  max-width: 100%;
  border-radius: 4px;
}

img.macy-img:hover {
  border-radius: 4px;
}

/*Sub-Header*/
.sub-header {
  position: relative;
  width: 100%;
}

.sub-header.bild {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sub-header.alter {
  position: absolut;
  top: 50px;
}

.sub-header.grafik::before {
  background: url(../assets/svg/flaechen/pe_unterbene01_schriftflaeche_2700.svg) no-repeat center center/cover;
  content: "";
  height: 480px;
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
}
@media (min-width: 1921px) {
  .sub-header.grafik::before {
    height: 450px;
  }
}
@media (max-width: 480px) {
  .sub-header.grafik::before {
    height: 220px;
  }
}

.sub-header.jubi.grafik::before {
  background: url(../assets/svg/flaechen/pe_bliib-gsund_oben_2700.png) no-repeat center center/cover;
  content: "";
  height: 410px;
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
}
@media (min-width: 1921px) {
  .sub-header.jubi.grafik::before {
    height: 450px;
  }
}
@media (max-width: 480px) {
  .sub-header.jubi.grafik::before {
    height: 220px;
  }
}

.sub-header.bliibgsund.grafik::before {
  background: url(../assets/svg/flaechen/pe_bliibgsund_oben_2700.png) no-repeat center center/cover;
  content: "";
  height: 410px;
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
}
@media (min-width: 1921px) {
  .sub-header.bliibgsund.grafik::before {
    height: 450px;
  }
}
@media (max-width: 480px) {
  .sub-header.bliibgsund.grafik::before {
    height: 220px;
  }
}

.sub-header.alter.grafik::before {
  background: none;
  background-color: green;
}

.sub-header.grafik {
  height: 480px;
}
@media (min-width: 1921px) {
  .sub-header.grafik {
    height: 450px;
  }
}
@media (max-width: 480px) {
  .sub-header.grafik {
    height: 220px;
  }
}

.bildheader {
  margin-bottom: 3.5rem;
}
@media (max-width: 480px) {
  .bildheader {
    padding-top: 7rem;
  }
}

/*Geschichten */
.einzelbild-fullwidth img {
  border-radius: 4px;
}

.more-section {
  margin-top: 60px;
}

.story-container {
  position: relative;
  width: 100%;
  height: 900px;
  background-attachment: fixed !important;
}
@media (max-width: 1450px) and (-webkit-min-device-pixel-ratio: 2) {
  .story-container {
    background-attachment: unset !important;
  }
}

.story-container img {
  max-width: 1920px;
  height: auto;
}

.story-wrapper {
  position: relative;
}

.story-wrapper::before {
  background: url(../assets/svg/bildmasken/geschichte_bildmaske_oben_2700.svg) no-repeat center bottom/cover;
  top: -1px;
}

.story-wrapper::after {
  background: url(../assets/svg/bildmasken/geschichte_bildmaske_unten_2700.svg) no-repeat center top/cover;
  bottom: -1px;
}

.story-wrapper::after, .story-wrapper::before {
  content: "";
  right: 0;
  left: 0;
  height: 475.4px;
  position: absolute;
  z-index: 15;
  padding-left: 15px;
  padding-right: 15px;
}

.sub-overlay {
  background: url(../assets/svg/bildmasken/unterebene02_bildmaske.png) no-repeat center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -2px;
}
.sub-overlay img {
  width: 100%;
}
@media (min-width: 1921px) {
  .sub-overlay {
    background: url(../assets/svg/bildmasken/unterebene02_bildmaske_2700.svg) no-repeat center center;
    background-size: 100%;
    margin-top: 400px;
  }
}
@media (max-width: 480px) {
  .sub-overlay {
    background: url(../assets/svg/bildmasken/unterbene02_bildmaske_sp.svg) no-repeat center center;
    background-size: 100%;
  }
}

.overlay, .story-overlay {
  position: absolute;
  top: 0;
}

.overlay > img, .story-overlay > img {
  width: 1920px;
  height: auto;
}

.story-info-wrapper {
  width: 85%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.story-info .mehr-button {
  position: absolute;
  margin-left: 35px;
  bottom: 0;
  margin-bottom: 35px;
}

.story-info {
  position: absolute;
  display: block;
  height: 280px;
  width: 520px;
  background: url(../assets/svg/flaechen/pe_geschichte_flaeche.svg) no-repeat center center;
  top: 0;
  margin-top: 200px;
  border-radius: 4px;
  z-index: 100;
}
@media (max-width: 768px) {
  .story-info {
    margin-top: 120px;
    width: 300px;
  }
}
@media (max-width: 480px) {
  .story-info {
    margin-top: 630px;
  }
}

.story-info h3, .story-info p {
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  color: white;
  max-width: 80%;
}

.story-info p {
  margin-bottom: -20px;
}

/*Link Styling */
p a {
  text-decoration: underline;
}
p a:hover {
  opacity: 0.8;
}

.current-menu-ancestor.toplevel > a, #menu-servicenavigation .current-menu-item a {
  color: #922224;
  font-family: "TheSansC5-Bold";
}

.sub-menu > .current-menu-item > a {
  font-family: "TheSansC5-Bold";
}

.current-menu-item .menu-hauptmenu-container > a {
  background-color: rgba(135, 135, 135, 0.15) !important;
  background: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg) no-repeat right center;
  background-position: 97%;
}

#footer .pfeil-pe {
  border-top: 1px solid white;
}

.prev-next-section {
  display: flex;
  margin-top: 50px;
  border-top: 1px solid #878787;
  color: #878787;
}

.pfeil-links {
  background: url(../assets/svg/icons/pfeil_klein_hellgrau_links.svg) no-repeat left center;
  background-position: 2%;
  transition: background-position 0.3s ease-out;
  left: 0;
  text-align: left;
}
@media (max-width: 480px) {
  .pfeil-links {
    width: 100%;
  }
}
.pfeil-links a {
  top: 0;
  left: 0;
  margin-left: 50px;
  height: 50px;
  line-height: 50px;
}
.pfeil-links:hover {
  background-position: 0;
}

.pfeil-rechts {
  background: url(../assets/svg/icons/pfeil_klein_hellgrau.svg) no-repeat right center;
  background-position: 98%;
  right: 0;
  text-align: right;
  padding-right: 25px;
  transition: background-position 0.3s ease-out;
}
.pfeil-rechts a {
  top: 0;
  right: 0;
  margin-right: 50px;
  height: 50px;
  line-height: 50px;
}
.pfeil-rechts:hover {
  background-position: 100%;
}

.mod__sidebar-list {
  font: 1.8rem/2.6rem "TheSansC5-Plain", sans-serif;
  border-top: 1px solid #878787;
  display: block;
  min-height: 50px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 480px) {
  .mod__sidebar-list {
    font: 1.9rem/2.9rem "TheSansC5-Plain", sans-serif;
  }
}

.pfeil-pe {
  border-top: 1px solid #878787;
  background: url(../assets/svg/icons/pfeil_klein_hellgrau.svg) no-repeat right center;
  background-position: 97%;
  display: block;
  transition: background-position 0.3s ease-out;
  /* reset styles (optional): */
  list-style: none;
}

.pfeil-pe.dunkel {
  background: url(../assets/svg/icons/pfeil_klein_dunkelgrau.svg) no-repeat right center;
}

.pfeil-pe a, #menu-servicenavigation-footer li a, a.footer-title {
  display: flex;
  min-height: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  align-items: center;
  line-height: 2.6rem;
}

.pfeil-pe a, #menu-servicenavigation-footer li a {
  width: 80%;
}

.pfeil-pe:hover {
  background-position: 99%;
  background-color: rgba(135, 135, 135, 0.07);
}

.is-checked.pfeil-pe a {
  background-position: 99%;
}

/*Embed Video ACF */
.embed-container {
  position: relative;
  margin-top: 3.1rem;
  margin-bottom: 3.1rem;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Download Link Styling */
.dokumentupload .false a[href$=".pdf"], .dokumentupload .false a.pdf-viewer, .dokumentupload .false a[href$=".zip"] {
  background: url(../assets/svg/icons/download_dunkelgrau.svg) no-repeat right center;
}

.sidebar a[href$=".pdf"], .sidebar a[href$=".zip"], .sidebar a[data-lity], .sidebar a.pdf-viewer {
  background: url(../assets/svg/icons/download_hellgrau.svg) no-repeat right center;
}

.sidebar .prospekte a, .sidebar a[href$=".pdf"], .dokumentupload .false a[href$=".pdf"], .dokumentupload .false a.pdf-viewer, .sidebar data-lity, .sidebar .pdf-viewer a, .dokumentupload .false a[href$=".zip"] {
  background-position: 97% !important;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  transition: background-position 0.3s ease-out;
}

.prospekte a:hover, .dokumentupload .false a[href$=".pdf"]:hover, .dokumentupload .false a.pdf-viewer:hover, .sidebar .dokumentupload a[href$=".pdf"]:hover, .dokumentupload .false a[href$=".zip"]:hover {
  background-position: 99% !important;
  background-color: rgba(135, 135, 135, 0.07);
}

.prospekte a {
  border-top: 1px solid #878787;
  list-style: none;
}

.prospekte li {
  max-width: 85%;
}

/* Image Gallery https://codepen.io/Peluco/pen/aQwYYV */
.imgcontainer--all {
  width: 100%;
  margin: 20px auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

.imgcontainer--all img {
  max-width: 100%;
  transition-duration: 0.3s;
  max-width: 100%;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.imgcontainer--single {
  width: calc(33.33% - 6px);
  height: 220px;
  overflow: hidden;
  margin: 3px;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.imgcontainer--single:hover img {
  /*transform: scale(1.2) */
  /*transition-duration: .3s */
  /*filter: grayscale(50%) */
  /*opacity: .7 */
}

.imgcontainer--single:hover span {
  color: white;
  display: block;
  transition-duration: 0.3s;
}

.title {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 35%;
  display: none;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 1.6em;
  text-shadow: 1px 5px 10px black;
  transition-duration: 0.3s;
}

.text {
  position: absolute;
  top: 70%;
  cursor: pointer;
  max-width: 80%;
  text-align: center;
  left: 50%;
  text-shadow: 1px 5px 10px black;
  font-size: 1em;
  display: none;
  margin-right: -50%;
  transition-duration: 0.3s;
  transform: translate(-50%, -50%);
}

.titel-wmt {
  margin-top: 50px;
}

/*Anmeldeübersicht Weiterbildung*/
#weiterbildung-1 thead {
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
}
#weiterbildung-1 th, #weiterbildung-1 td {
  min-width: 200px;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #878787;
}

/*Overrides */
.fixed {
  position: fixed !important;
  width: 100%;
  animation: fadein 0.5s;
  animation--moz-animation: fadein 0.5s;
  animation--webkit-animation: fadein 0.5s;
  animation--o-animation: fadein 0.5s;
  z-index: 999;
  background-color: white;
}
@media (max-width: 480px) {
  .fixed {
    margin-top: 0;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  max-width: 80% !important;
}

.wsf-group-tabs li::before {
  display: none !important;
}

.is-sticky {
  position: sticky;
  top: 200px;
}

/*Website Fachstelle Alter*/
.title-box-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .title-box-wrapper {
    transform: translateY(-15%);
  }
}

.title-box {
  display: inline-block;
  background-color: #009dde;
  border: 15px solid #009dde;
  padding: 0.8em 1.2em;
  border-radius: 8px;
  text-align: center;
  color: white;
  font-size: clamp(2rem, 5vw, 6rem);
  font-weight: bold;
}

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
}

@media (max-width: 768px) {
  .site-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.logo img {
  height: 100px;
  width: auto;
  height: 90px;
}
.header-box {
  text-align: left;
  max-width: 400px;
}
.header-box p {
  padding-left: 8px;
}
.header-box h1 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.header-box .wappen-row {
  display: flex;
  justify-content: left;
  gap: 1rem;
}
.header-box .wappen-row img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .header-box .wappen-row img {
    width: 70px;
    height: 70px;
  }
}

.site-header {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

.content-alter {
  max-width: 2200px;
  margin-left: auto;
  margin-right: auto;
}

.page-template-page-subnavigation-1-alter #header {
  height: 200px;
}
@media (max-width: 768px) {
  .page-template-page-subnavigation-1-alter #header {
    height: 300px;
  }
}

.footer-alter {
  height: 500px;
  background-color: #009dde;
}
@media (max-width: 768px) {
  .footer-alter {
    height: 750px;
  }
}

.footer-alter .footer-inner {
  padding-top: 100px;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

.page-template-page-subnavigation-1-alter button.wsf-button.wsf-button-primary {
  background-color: #009dde !important;
  border-radius: 8px !important;
  border-color: #009dde !important;
}

.page-template-page-subnavigation-1-alter .header-wrapper.fixed {
  position: relative !important;
}

.page-template-page-subnavigation-1-alter h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
@media (max-width: 480px) {
  .page-template-page-subnavigation-1-alter h2 {
    font-size: 3.5rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}

.page-template-page-subnavigation-1-alter input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=file].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=url].wsf-field, select.wsf-field, textarea.wsf-field {
  border-radius: 8px !important;
}

.page-template-page-subnavigation-1-alter p,
.page-template-page-subnavigation-1-alter h1,
.page-template-page-subnavigation-1-alter h2,
.page-template-page-subnavigation-1-alter h3,
.page-template-page-subnavigation-1-alter h4,
.page-template-page-subnavigation-1-alter h5,
.page-template-page-subnavigation-1-alter li,
.page-template-page-subnavigation-1-alter strong {
  font-family: "Rubik";
}

.page-template-page-subnavigation-1-alter .wsf-label-position-inside canvas.wsf-field + label,
.page-template-page-subnavigation-1-alter .wsf-label-position-inside select.wsf-field + label,
.page-template-page-subnavigation-1-alter .wsf-label-position-inside input.wsf-field[placeholder] + label,
.page-template-page-subnavigation-1-alter .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.page-template-page-subnavigation-1-alter .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.page-template-page-subnavigation-1-alter .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.page-template-page-subnavigation-1-alter .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.page-template-page-subnavigation-1-alter .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
  font-family: "Rubik";
}

/*# sourceMappingURL=style-pe-final.css.map */