/*****************************************************************************************************
* Section CSS
******************************************************************************************************/

/*
Site Header
---------------------------------------------------------------------------------------------------- */

/* Site Header Containers
--------------------------------------------- */

.site-header {
  background: #222;
  background: var(--bg-primary-def);
  height: 60px;
  min-width: 280px;
  position: fixed;
  transition: all 200ms;
  width: 100%;
  z-index: 5;
}

.site-header .wrap {
  display: flex;
  height: 100%;
  justify-content: space-between;
}

.site-header .wrap::before,
.site-header .wrap::after {
  display: none;
}

@media screen and (min-width: 1001px/*mobileMenuMinWidth*/) {

  .bub-scrolled .site-header {
    box-shadow: 0 6px 5px -4px rgba(0,0,0,.5);
  }

  * {
    scroll-margin-top: 120px;
  }
}

@media screen and (max-width: 1000px/*mobileMenuMaxWidth*/) {

  .site-header {
    position: relative;
  }

  .site-header .wrap {
    display: block;
  }
}


/* Site Title / Logo
--------------------------------------------- */

.title-area,
.site-title,
.site-title a {
  height: 100%;
}

.site-title {
  margin: 0;
  line-height: 1;
}


.site-title a {
  display: flex;
  flex-flow: column nowrap;
  font-family: 'Georgia', serif;
  font-size: 1.9rem;
  justify-content: center;
  line-height: 1;
  letter-spacing: 2px;
  padding: 0 20px;
  padding-top: 2px;
  opacity: 0.75;
  /* text-shadow: 1px 1px 12px rgba(255,255,255,0.25); */
  text-transform: uppercase;
}

.site-title a,
.site-title a:focus {
  color: #f5f5f5;
}

.site-title img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1000px/*mobileMenuMaxWidth*/) {

  .site-title a {
    /* background: url( '../media/design/logo-mobile.svg' ) no-repeat; */
    /* background-position: 20px 10px; */
    /* background-size: 40px; */
    margin-left: -5px;
    /* top: 3px; */
  }

  .site-title img {
    /* display: none; */
  }
}


/* Site Description
--------------------------------------------- */


/*
Content Area: Default Content
---------------------------------------------------------------------------------------------------- */

/* Entry
--------------------------------------------- */

.entry {
}


/* Entry Header
--------------------------------------------- */

.entry-header {
  margin: 0 0 15px;
}


/* Entry Meta
--------------------------------------------- */

.entry-meta {
  font-size: 13px;
}

.entry-header .entry-meta {
  display: table;
  font-size: 13px;
  margin-bottom: 15px;
}


/* Entry Content
--------------------------------------------- */

.archive .content .entry,
.home .content .entry,
.page-template-page_blog-php .content .entry {
  /*border-bottom: 10px solid transparent;*/
}

.entry-content .attachment a,
.entry-content .gallery a {
  border: none;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
  margin-bottom: 0.75em;
}

.entry-content p img {
  margin-bottom: 0;
}

.entry-content ol,
.entry-content ul {
  margin-left: 1px;
  margin-top: 0;
}

.entry-content ol > li {
  list-style-type: decimal;
}

.entry-content ul > li {
  /* list-style-type: square; */
}

.entry-content ol ol,
.entry-content ul ul {
  margin-bottom: 0;
}


/* Entry Comments
--------------------------------------------- */

.entry-comments-link::before {
  content: "\2014";
  margin: 0 6px 0 2px;
}

.entry-categories,
.entry-tags {
  display: block;
}

@media screen and (max-width: 500px) {

  .entry-content p {
  -webkit-columns: auto auto;
          columns: auto auto;
    min-width: 0;
  }
}


/* After Entry
--------------------------------------------- */

.after-entry {
  border-bottom: 1px solid #222;
  border-top: 2px solid #222;
  margin-top: 40px;
  padding: 30px 0;
}

.after-entry p:last-child {
  margin-bottom: 0;
}

.after-entry .widget {
  margin-bottom: 30px;
}

.after-entry .widget:last-child {
  margin-bottom: 0;
}


/*
Content Area: Special Content
---------------------------------------------------------------------------------------------------- */

/* No-Posts Content
--------------------------------------------- */

/* Note:
Applies to 404, search-no-results and empty archives. */

/* Page Titles */

.error404 .entry-title,
.search-no-results .archive-title {
  text-align: center;
}

/* General: Content */

.bub-noresult__content {
  margin: 0 auto;
  max-width: 40em;
  text-align: center;
}

/* Search Page: Content */

.search .bub-noresult {
  font-size: .9rem;
  margin: 0 auto;
  max-width: 640px;
}

.search .bub-noresult__content {
  background: var(--bg-primary-def);
  color: var(--cl-primary-def);
  padding: 22px;
}

.search .bub-noresult__message p {
  margin-left: 3px;
}

.search .bub-noresult__search-form input {
  background: #fff;
}

.search .bub-noresult__search-form input[type="submit"] {
  display: none;
}

.search .bub-noresult__menu ul {
  display: flex;
  flex-flow: row wrap;
  margin: 5px -5px -5px -5px;
  padding: 0 !important;
}

.search .bub-noresult__menu li {
  background: var(--bg-primary-def);
  flex: 1 0 auto;
  list-style-type: none;
  margin: 5px;
  white-space: nowrap;
}

.search .bub-noresult__menu .menu-overview a {
  color: var(--cl-primary-def);
  display: flex;
  padding: 11px 40px 10px 20px;
  text-decoration: none;
}

.search .bub-noresult__menu .menu-overview a:hover {
  filter: brightness(125%);
}

@media screen and (max-width: 500px) {

  .search .bub-noresult__content {
    padding: 10px;
  }
}

/* FacetWP Template: Content */

.facetwp-template .bub-noresult {
  padding: 30px 20px 0;
}

.facetwp-template .entry.bub-noresult__spacer {
  /* Empty 'entry' element prevents masonry container
  height zero and allows for bottom spacing. */
  display: block !important;
  height: 30px !important;
  position: static !important;
  visibility: hidden;
  width: 100% !important;
}


/*
Sidebar Areas
---------------------------------------------------------------------------------------------------- */

/* Before/After Sidebar Widget Areas
--------------------------------------------- */

/* Custom Post/Archive Banners and Images (Field) */

.bub-custom-banner-item {
  margin-bottom: 10px;
}


/*
Bottom Section
---------------------------------------------------------------------------------------------------- */

/* Containers */

.bub-bottom-section {
  background: var(--bg-base-lt1);
  background: linear-gradient(to left, #eee, #fff);
  border-top: 1px solid #e7e7e7;
  margin: 40px auto 0;
  padding: 60px 0 60px;
  position: relative;
  width: 100%;
}

.page-section .bub-bottom-section {
  margin-top: 0;
}

.bub-bottom-section > .wrap {
  /*position: relative;*/
}

.bub-bottom-section__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  /*margin: -30px;*/
}

/* Areas: Common  */

.bub-bottom-section__area,
.bub-bottom-section__separator {
  /*margin: 30px;*/
}

.bub-bottom-section__area {
  flex: 1 1 auto;
  max-width: 350px;
}

.bub-bottom-section__area p:last-child {
  margin-bottom: 0;
}

.bub-bottom-section__area a[href*="/maps/"] {
  border: 1px solid #444;
  display: table;
  font-size: 12px;
  font-style: italic;
  line-height: 1;
  margin: 10px 0 -5px 0;
  padding: 6px 9px;
  text-decoration: none;
}

.bub-bottom-section__area a[href*="/maps/"]:hover {
  border-color: currentColor;
  color: #666;
}

/* Text Areas */

.bub-bottom-section__area-1,
.bub-bottom-section__area-2 {
  font-size: 0.95rem;
  margin-right: 30px;
}

.bub-bottom-section__area-2 a {
  text-decoration: underline;
}

/* Menu Area: Social Buttons */

.bub-bottom-section .nav-bottom {
  margin: 0px 0 0 auto;
  max-width: 170px;
  min-width: 140px;
}

.bub-bottom-section .menu-bottom {
  margin: 0;
  padding: 0;
}

.bub-bottom-section .menu-bottom .menu-item {
  list-style-type: none;
}

.bub-bottom-section .menu-bottom > .menu-item {
  margin-bottom: 8px;
}

.bub-bottom-section .menu-item a {
  background: var(--body-background-lt2);
  box-shadow: 1px 1px 3px 0px #00000008;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  padding: 10px 8px;
  text-align: center;
  transition: all 200ms;
}

.bub-bottom-section .menu-item.bub a {
  /* background: linear-gradient( to right, rgba(var(--cl-bub),0.5), rgba(var(--cl-bub),1) ); */
}

.bub-bottom-section .menu-item.newsletter a {
  /* background: linear-gradient( to right, rgba(var(--cl-newsletter),0.5), rgba(var(--cl-newsletter),1) ); */
}

.bub-bottom-section .menu-item.rss a {
  /* background: linear-gradient( to right, rgba(var(--cl-rss),0.5), rgba(var(--cl-rss),1) ); */
}

.bub-bottom-section .menu-item a:hover {
  background: #fff;
  color: inherit;
}

/* Seperators */

.bub-bottom-section .bub-bottom-section__separator {
  background: var(--cl-bg-blue-dk1);
  flex: 0 0 auto;
  /*height: 235px;*/
  min-height: 100%;
  opacity: 0.5;
  width: 1px;
}

/* Totop */

.bub-bottom-section__totop {
  background: #222 url('../media/icons/ic-arrow-double-up-1.svg') no-repeat;
  background-position: 13px 11px;
  background-size: 19px 19px;
  border: 1px solid #eee;
  cursor: pointer;
  display: none;
  height: 43px;
  padding: 20px;
  position: absolute;
    top: -62px;
    right: 5px;
  width: 45px;
}

@media screen and (max-width: 920px) {
  
  .bub-bottom-section__content {
    display: block;
  }

  .bub-bottom-section__area {
    margin: 20px auto;
    max-width: 400px;
    text-align: center;
  }

  .bub-bottom-section__area a[href*="/maps/"] {
    margin: 15px auto 0;
  }

  .bub-bottom-section .menu-item a {
    margin-bottom: 5px;
  }

  .bub-bottom-section__area:last-child {
    margin-bottom: 25px;
  }

  .bub-bottom-section .nav-bottom {
    margin: 0 auto;
  }
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
  background: #222;
  background: var(--bg-primary-def);
  border-top: 1px solid #888;
  font-size: 16px;
  margin-top: 40px;
  min-width: 290px;
}

.bub-togglebox + .entry-footer {
  margin-top: 30px;
}

body.has-bottom-section .site-footer {
  margin-top: 0;
}

.site-footer a {
  color: #fff;
}

.site-footer .wrap {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  min-width: 0;
  overflow: hidden;
}

.site-footer .wrap::before,
.site-footer .wrap::after {
  display: none;
}

@media screen and (max-width: 500px) {
  
  .site-footer .wrap {
    justify-content: center;
  }
}


/*
Popup Maker
---------------------------------------------------------------------------------------------------- */

/* Theme: bub Default
--------------------------------------------- */

/* Common */

.pum-theme-bub-default .pum-container {
  background: #222  !important;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.5) !important;
  font-family: inherit !important;
  max-width: 680px !important;
  padding: 25px 25px 20px !important;
  width: 100% !important;
}

.pum-theme-bub-default .pum-title {
  color: #fff !important;
  font-size: 1.25rem !important;
  line-height: 1.25 !important;
  margin: 8px 30px 14px 0 !important;
}

.pum-theme-bub-default .pum-content p {
  color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
}

.pum-theme-bub-default .pum-content a {
  color: #fff !important;
  text-decoration: underline !important;
}

.pum-theme-bub-default .pum-content a:hover {
  color: #fff !important;
}

.pum-theme-bub-default .pum-close {
  background: #fff !important;
  border: 1px none #fff !important;
  border-radius: 0 !important;
  box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ) !important;
  color: #222 !important;
  cursor: pointer !important;
  display: block !important;
  font-family: 'Arial', sans-serif !important;
  font-size: 32px !important;
  font-style: normal !important;
  font-weight: normal !important;
  height: 28px !important;
  line-height: 24px !important;
  min-width: 1em !important;
  padding: 3px 0 0 0 !important;
  position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    bottom: auto !important;
    left: auto !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ) !important;
  -webkit-appearance: button !important;
  width: 33px !important;
  z-index: 2 !important;
}

@media screen and (max-width: 500px) {

  .pum-theme-bub-default .pum-container {
    padding: 25px 5% 20px !important;
  }

  .pum-theme-bub-default .pum-title {
    margin: 15px 0 10px 0 !important;
  }
}

/* Popup: bub Promo */

[data-popmake*="buchundberger"].pum-theme-bub-default .pum-container {
  background: #49304D !important;
  max-width: 460px !important;
}


[data-popmake*="buchundberger"].pum-theme-bub-default .pum-close {
  color: #49304D !important;
}