@charset "UTF-8";
/*
Theme Name:		Zweckverband Oberland
Theme URI:		https://www.kdz-oberland.de/
Description:	Child theme for the Divi theme by elegantthemes
Author:			FIVE8
Author URI:		https://five8.de
Template:		Divi
Version:		1.0
*/
/* #region Font Definitions */
/* #endregion */
/* #region Flex-Designs */
/* #region Fullheight Sections */
/* #region max-width 782px */
/* #endregion */
/* #endregion Fullheight Sections */
/* Centered Text / Img on one side, text on other */
/* #endregion */
/* #region Placeholder Mixin */
/* #endregion */
/* #region Forms & Selects */
/* #region Pretty ACF Forms */
/* #endregion */
/* #endregion */
/* #region Testimonial Slider */
/* #endregion */
/* #region Blog-Feed (Grid) */
/* #endregion */
/* #region Fix Blog Thumbnails */
/* #endregion Fix Blog Thumbnails */
/* #region Lists with colored bullet points */
/* #endregion */
/* #region Fix Divi Comments */
.commentlist {
  margin-top: 1rem;
}
.commentlist .comment-body {
  padding-right: 0;
}
.commentlist .comment-body .comment_avatar {
  top: 0;
}
.commentlist .comment-body .comment_avatar img {
  border-radius: 50%;
}
.commentlist .comment-body .comment_area .reply-container {
  display: block;
  text-align: right;
}
.commentlist .comment-body .comment_area .comment-reply-link {
  position: relative;
  top: 1rem;
}
.commentlist .comment-body .comment_area .comment-reply-link::after {
  font-size: 20px;
}
.commentlist .comment .children {
  margin-left: 2rem;
}

/* #region max-width 767px */
@media only screen and (max-width: 767px) {
  .commentlist .comment .children {
    margin-left: 1rem;
  }
  .commentlist article.comment-body {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 70px;
    padding-left: 0;
  }
  .commentlist .comment_avatar {
    align-items: center;
    display: flex;
    position: relative;
    width: 17%;
  }
  .commentlist .comment_avatar img {
    max-width: 100%;
    width: 100%;
  }
  .commentlist .comment_postinfo {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: center;
    line-height: 1.1;
    margin: 0 0 3px;
    row-gap: 5px;
    width: 77%;
  }
  .commentlist .comment_area {
    margin-top: 5px;
    width: 100%;
  }
}
/* #endregion */
/* #endregion */
/* #region Centered Page Navi */
/* #endregion */
/* #region Cookie Notice */
#cookie-notice #cn-close-notice {
  display: none;
}
#cookie-notice #cn-notice-buttons {
  display: block;
}

/* #endregion */
/* #region Footer */
/* Footer with non-floating widgets */
/* #endregion */
/* #region Nav Fixes */
#page-container #top-menu-nav > ul > li > a:hover, #page-container .bottom-nav a:hover, #page-container #footer-bottom .et-social-icon a:hover, #page-container .et_mobile_menu li a:hover, #page-container .nav ul li a:hover, #page-container footer#main-footer #footer-info a:hover, #page-container .et-menu a:hover, #page-container #et-boc #top-menu-nav > ul > li > a:hover, #page-container #et-boc .bottom-nav a:hover, #page-container #et-boc #footer-bottom .et-social-icon a:hover, #page-container #et-boc .et_mobile_menu li a:hover, #page-container #et-boc .nav ul li a:hover, #page-container #et-boc footer#main-footer #footer-info a:hover, #page-container #et-boc .et-menu a:hover {
  opacity: 1;
}

/* #endregion */
/* #region Responsive Design */
/* #region min-width 981px */
@media only screen and (min-width: 981px) {
  .et_pb_top_divider .et_pb_row.centered-text .et_pb_column .et_pb_module:first-child {
    margin-top: 100px;
  }
}
/* #endregion */
/* #region max-width 980px */
@media only screen and (max-width: 980px) {
  .et_fixed_nav header#main-header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }

  .et_pb_row.reverse-responsive {
    display: flex;
    flex-flow: column-reverse;
  }
  .et_pb_row.reverse-responsive .et_pb_column:first-child {
    margin-bottom: 0;
  }
  .et_pb_row.reverse-responsive .et_pb_column:last-child {
    margin-bottom: 30px;
  }
  .et_pb_row.reverse-responsive.et_pb_gutters1 .et_pb_column:last-child {
    margin-bottom: 0;
  }

  /* #region Pimp my mobile Menu Icon */
  .mobile_menu_bar::before {
    display: block;
    transition: all 0.4s ease;
  }

  .mobile_nav.opened .mobile_menu_bar::before {
    content: "M";
    transform: rotate(90deg);
  }

  /* #endregion */
  /* fullwidth mobile nav menu aka gooder menu */
}
/* #endregion */
/* #region max-width 600px */
@media only screen and (max-width: 600px) {
  body.et_fixed_nav.logged-in header#main-header.et-fixed-header {
    top: 0 !important;
  }
}
/* #endregion */
/* #region max-width 479px */
@media only screen and (max-width: 479px) {
  .container, .et_pb_row, .et_pb_row.centered-text .et_pb_column .et_pb_module, .et_pb_fullscreen .et_pb_fullwidth_header_container {
    width: 90%;
  }
}
/* #endregion */
/* #endregion */
/* #region General Styling */
html {
  font-size: 16px;
}

body {
  color: #000;
  font-family: "Cooper Hewitt", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

h1, h2, h4, h5, h6 {
  font-family: "Dosis", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  line-height: 1.3;
}

/* #endregion */
/* #region Header */
#logo {
  max-height: 75px !important;
}

/* #region Sub Menus */
#top-menu .menu-item {
  font-weight: 600 !important;
}
#top-menu li li {
  padding: 0;
  width: 100%;
}
#top-menu li li a {
  font-size: 13px !important;
  padding-right: 60px;
  width: 100%;
}
#top-menu li ul {
  width: 320px;
}
#top-menu li > ul > li > a:hover {
  color: #00a5d6;
  opacity: 1;
}
#top-menu li.fixmenu ul {
  right: 0 !important;
}

/* #endregion Sub Menus */
/* #endregion */
/* #region Modules */
/* #region Feature Blurbs */
.feature-blurb .et_pb_main_blurb_image {
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.feature-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
  aspect-ratio: 4/3;
  min-height: 200px;
}
.feature-blurb .et_pb_main_blurb_image .et_pb_image_wrap img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.feature-blurb .et_pb_blurb_container {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.89);
  bottom: 6px;
  display: flex;
  left: 0;
  padding: 10px 15px 12px;
  position: absolute;
  width: 100%;
}
.feature-blurb .et_pb_blurb_container > .et_pb_module_header {
  padding-bottom: 0;
}
.feature-blurb .et_pb_blurb_container > .et_pb_module_header a {
  color: #00A4D4 !important;
  font-size: 15px;
  font-weight: 600;
}

/* #endregion Feature Blurbs */
/* #region Contact Links */
ul.contact-links {
  list-style: none;
  padding-left: 0;
}
ul.contact-links li {
  padding-left: 1.5rem;
  position: relative;
}
ul.contact-links li::before, ul.contact-links li a::before {
  font-family: "EtModules";
  font-size: 1rem;
  left: 0;
  margin-top: 1px;
  position: absolute;
}
ul.contact-links li.tel a::before {
  content: "";
}
ul.contact-links li.fax::before {
  content: "";
}
ul.contact-links li.email a::before {
  content: "";
}

p + ul.contact-links {
  margin-top: 0.75rem;
}

/* #endregion Contact Links */
/* #endregion Modules */
/* #region Footer */
body.cookies-not-set footer .bottom-nav {
  padding-bottom: 7rem;
}

/* #region Footer Öffnungszeiten */
.oeffnungszeiten01 {
  line-height: 0.6;
  padding: 0.2rem;
  width: 14rem;
}
.oeffnungszeiten01 p {
  display: flex;
  justify-content: space-between;
}

/* #endregion Footer Öffnungszeiten */
/* #endregion */
/* #region Fixes */
/* Horizontalen Scroll unterbinden */
#page-container {
  overflow: hidden;
}

/* #endregion Fixes */
/* #region Responsive Design */
/* #region 1150px - 1405px */
@media (min-width: 1150px) and (max-width: 1405px) {
  #top-menu li {
    padding-right: 20px;
  }
}
/* #endregion 1150px - 1405px */
/* #region 981px - 1005px */
@media (min-width: 981px) and (max-width: 1005px) {
  #top-menu {
    padding-right: 19px;
  }

  #top-menu li {
    padding-right: 10px;
    font-size: 14px;
  }
}
/* #endregion 981px - 1005px */
/* #region 981px - 1405px */
/* Logo oben, Menü unten bei mittelgroßen Displays */
@media (min-width: 981px) and (max-width: 1405px) {
  .et_fullwidth_nav #main-header .container {
    padding-left: 12px;
    padding-right: 4px;
  }

  span.et_close_search_field {
    margin: auto auto 1rem;
  }

  .et-search-form input {
    margin: auto auto 1rem;
  }

  #et_top_search {
    margin-top: -1rem;
  }

  /* Logo mittig */
  .logo_container {
    text-align: left;
    padding: 2rem;
    padding-left: 0px;
    position: initial !important;
  }

  /* Standard float rausnehmen */
  #et-top-navigation, #top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav {
    float: none;
  }

  #top-menu li {
    padding-right: 12px;
  }

  #et-top-navigation {
    padding: 0px;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }

  .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 1rem 0.5rem !important;
    margin-bottom: 1rem;
  }

  .et_header_style_left header#main-header #et-top-navigation nav > ul > li > a, .et_header_style_split header#main-header #et-top-navigation nav > ul > li > a {
    padding: 0px;
  }
  .et_header_style_left header#main-header #top-menu .menu-item-has-children > a:first-child::after, .et_header_style_split header#main-header #top-menu .menu-item-has-children > a:first-child::after {
    position: relative;
  }

  .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 0px;
  }

  #et-secondary-nav .menu-item-has-children > a:first-child, #top-menu .menu-item-has-children > a:first-child {
    padding-right: 15px;
  }
}
/* #endregion */
/* #region min-width 981px */
@media only screen and (min-width: 981px) {
  .equal-height-blurbs .et_pb_column {
    display: flex;
    flex-flow: column nowrap;
  }
  .equal-height-blurbs .et_pb_column .et_pb_module.et_pb_image {
    width: 100%;
  }
  .equal-height-blurbs .et_pb_column .et_pb_module.et_pb_blurb {
    flex-grow: 1;
  }

  header#main-header .nav > li > ul.sub-menu {
    top: 30px;
  }
}
/* #endregion */
/* #region max-width 1400px */
/*
@media only screen and (max-width: 1400px) {
	header#main-header {
		#et-top-navigation {
			#top-menu-nav {
				display: none;
			}
			#et_mobile_nav_menu {
				display: block;
			}
		}
	}
}
/* #endregion 1400px */
/* #region max-width 980px */
@media only screen and (max-width: 980px) {
  /* #region Header @980px */
  header#main-header {
    padding: 1rem;
  }
  header#main-header ul#mobile_menu {
    overflow: scroll;
    max-height: 80vh;
    -overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }

  /* #endregion Header */
  /* #region Scroll Implementation */
  #page-container .scroll-target {
    margin-top: -145px;
    padding-top: 145px !important;
  }

  /* #endregion Scroll Implementation */
}
/* #endregion */
/* #region max-width 767px */
/* #endregion */
/* #region max-width 479px */
/* #endregion */
/* #endregion */
/* #region WordPress Hacking */
#wp-admin-bar-my-account a {
  font-size: 0;
}

/* #endregion */




/* #region Buttons nebeneinander in einem Column */
.et_pb_column.buttons_nebeneinander .et_pb_button_module_wrapper {
  display: inline-block;
  margin-right: 1rem;
}

/* #endregion Buttons nebeneinander in einem Column*/