@import url("variables.css");
@import url("backgrounds.css");
@import url("filters.css");
@import url("comments.css");

/** DIVI OVERWRITES **/
/* «Visuellen Builder aktiveren» Button ausblenden wenn nicht relevant */
body.single-post div#wpadminbar #wp-admin-bar-et-use-visual-builder,
body.et-tb-has-template.et-tb-has-body
  div#wpadminbar
  #wp-admin-bar-et-use-visual-builder {
  display: none;
}
/* cookie notice im visual builder ausblenden */
body.et-fb div#cookie-notice {
  display: none;
}

/** accessability **/
/* fallback for browsers not supporting https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
:focus {
  outline: auto;
}
/* hide focus for mouse users and stuff */
:focus:not(:focus-visible) {
  box-shadow: none;
  color: initial;
  outline: none;
}

/* styled focus state focus-visible*/
:focus:focus-visible,
.et_pb_module.et_pb_post_content a:focus:focus-visible {
  color: var(--main-light);
  outline: none;
  box-shadow: 0 0 0 3px var(--background-colored);
}
:focus:focus-visible img {
  opacity: 0.5;
}
ul#top-menu li.menu-item a:focus:focus-visible {
  color: var(--main-light) !important;
}
div#jp-relatedposts
  .jp-relatedposts-items
  .jp-relatedposts-post
  .jp-relatedposts-post-title
  a:focus:focus-visible {
  color: var(--main-light);
}

/* responsive YT iFrames */
iframe[data-src*="youtube.com"] {
  height: auto !important;
  aspect-ratio: 16 / 9;
}

/* static code wrapper */
.et_pb_module.inaut_static-el,
.et_pb_module.inaut_static-el .et_pb_code_inner {
  position: static;
}
/* centering breadcrumbs */
.lwp-breadcrumbs {
  text-align: center;
}
/* overwrite top padding */
header#main-header {
  background-color: transparent;
  box-shadow: none;
}
header#main-header.et-fixed-header {
  background-color: var(--main-white);
}
#page-container {
  padding-top: 0 !important;
  margin-top: -1px !important;
}
.et_pb_section_0_tb_body:not(.et_pb_fullwidth_section),
.et_pb_section_0:not(.et_pb_fullwidth_section),
div#main-content > .container {
  padding-top: calc(4vw + 96px) !important;
}
/* scroll to top */
span.et_pb_scroll_top.et-pb-icon {
  background-color: var(--background-colored);
  color: var(--main-light);
}
/* main button */
a.et_pb_button.inaut_main-button {
  font-size: 12px;
  text-transform: uppercase;
  font-family: rubik;
  letter-spacing: 1px;
  font-weight: 500;
  height: 100%;
  width: auto;
  border-radius: 0;
  padding: 12px 28px 10px 28px;
  border-width: 3px;
}
a.et_pb_button.inaut_main-button::after {
  top: 6px;
  font-size: 28px;
}
a.et_pb_button.inaut_main-button:hover {
  padding: 12px 36px 10px 20px;
  border-width: 3px;
  background-color: var(--main-light);
}

/* @media screen and (min-width: 981px) {
  .et_pb_row.et_pb_gutters2 > .et_pb_column {
    margin-right: 32px;
    width: calc(33% - 21px);
  }
} */

/* TYPOGRAPHY */
body #page-container {
  font-family: freight-text-pro, serif;
  color: var(--main-dark);
}
p {
  font-size: 21px;
  line-height: 1.7em;
  word-break: break-word;
}
body a {
  color: var(--main-color);
}
h1,
h2,
h3,
h4,
h4,
h5,
h6 {
  color: var(--main-dark);
  font-weight: 600;
  line-height: 1.2em;
}
h1 {
  font-size: 48px;
  text-wrap: balance;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 24px;
}

/* gutenberg stuff */
div#main-content > .container {
  padding-bottom: 16%;
}
div.entry-content hr.wp-block-separator,
div.et_pb_module.et_pb_post_content hr.wp-block-separator {
  border: none;
  height: 1px;
  background-color: var(--main-light);
  margin: 45px auto;
  box-shadow: 48px 0px 0 var(--main-light), -48px 0px 0 var(--main-light);
}
/* blog stopper */
/* newsletter */
.et_pb_module.et_pb_post_content div.inaut_blog-stopper {
  margin: 48px auto;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 64px;
  align-items: center;
  padding: 32px;
  max-width: 1024px;
  border: 3px dashed var(--main-color);
  color: var(--main-color);
  position: relative;
}
svg .inaut_fill-color {
  fill: var(--main-color);
}
svg .inaut_fill-light {
  fill: var(--main-light);
}
div.inaut_blog-stopper .inaut_blog-stopper-content h3 {
  color: var(--main-color);
  font-size: 24px;
}
.et_pb_module.et_pb_post_content div.inaut_blog-stopper a {
  display: inline-block;
  text-decoration: none;
  font-size: 21px;
  font-weight: 600;
  margin-top: 16px;
}
.et_pb_module.et_pb_post_content div.inaut_blog-stopper a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* blog biobox */
body.single-post .et_pb_module.et_pb_post_content div.wp-block-create-block-derinternaut-biobox h3 {
  padding-top: 0;
}
.et_pb_module.et_pb_post_content div.wp-block-create-block-derinternaut-biobox figure {
  max-width: 180px;
  margin: 0;
}
@media screen and (min-width: 1180px) {
  .et_pb_module.et_pb_post_content div.wp-block-create-block-derinternaut-biobox figure {
      max-width: 220px;
  }
}
@media screen and (max-width: 720px) {
  body.single-post .et_pb_module.et_pb_post_content div.wp-block-create-block-derinternaut-biobox h3 {
		padding: 0.6em 0 0.3em 0;
	}
  .wp-block-create-block-derinternaut-biobox {
		grid-template-columns: 1fr !important;
		grid-gap: 8px !important;
	}
}

/* Divi fixes */
.inaut_static-row,
.inaut_static-row .et_pb_column,
.inaut_static-row .et_pb_code_inner,
.inaut_static-row .et_pb_module.et_pb_code {
  position: static !important;
}
.inaut_flex-columns {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 980px) {
  .inaut_flex-columns {
    flex-wrap: wrap;
  }
  .inaut_flex-columns.inaut_column-reverse {
    flex-direction: column-reverse;
  }
  .inaut_flex-columns.inaut_column-reverse > .et_pb_column.et-last-child {
    margin-bottom: 30px;
  }
}

/** COOKIE NOTICE **/
#cookie-notice {
  background-color: var(--main-dark) !important;
}
#cookie-notice #cn-notice-text {
  color: var(--main-light);
}
#cookie-notice #cn-accept-cookie {
  background-color: var(--main-light) !important;
  color: var(--main-dark) !important;
  margin-left: 20px;
}
#cookie-notice #cn-more-info {
  background-color: transparent !important;
  color: var(--main-light);
}
@media screen and (max-width: 900px) {
  #cookie-notice #cn-notice-buttons {
    padding-top: 12px;
  }
}

/** MENÜ **/
/* main nav */
header#main-header li.menu-item {
  font-family: "Rubik";
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 96px 0 0;
}
header#main-header li.menu-item:last-child {
  padding: 0;
}
@media screen and (min-width: 981px) {
  body.single-post header#main-header:not(.et-fixed-header) #logo {
    filter: invert(1) brightness(2);
  }
  /* accessability adjustments (main menu desktop) */
  .et_header_style_left #main-header #et-top-navigation nav > ul > li > a {
    padding: 5px;
    padding-bottom: 5px;
  }
  .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 15px;
  }
  .et_header_style_left #et-top-navigation nav > ul > li {
    padding-bottom: 15px;
  }
  header.et-fixed-header div.logo_container > a:focus {
    padding: 8px 4px 12px 4px;
    margin-left: -4px;
  }
  header:not(.et-fixed-header) div.logo_container > a:focus {
    padding: 20px 4px 26px 4px;
    margin-left: -4px;
  }

  /* hide site search on desktop */
  header div#et_top_search {
    display: none;
  }
}

/** BLOG **/
/*-- blog archiv seite --*/
/* blog farben */
article.et_pb_post .entry-title a {
  transition: color 0.3s ease-in-out;
  color: var(--main-dark);
}
article.et_pb_post:hover .entry-title a {
  color: var(--main-color);
}
article.et_pb_post.tag-starke-strecke:hover .entry-title a {
  color: #5a6647;
  color: #bdcc99;
}
article.et_pb_post.category-reise-gadgets:hover .entry-title a {
  color: #805653;
  color: #e59a89;
}
article.et_pb_post.category-reise-startups:hover .entry-title a {
  color: #49627a;
  color: #a1cae6;
}
article.et_pb_post.category-reise-apps:hover .entry-title a {
  color: #987237;
  color: #ffdb9f;
  color: #eacc99;
}

article.et_pb_post .entry-featured-image-url {
  margin-bottom: 24px;
}
article.et_pb_post .entry-title {
  font-size: 24px;
}
article.et_pb_post .post-meta {
  margin-top: 4px;
  opacity: 0.66;
  line-height: 1.4em;
  font-size: 15px !important;
}

/* Kategorie & Tag Archive */
body.tag.archive .wp-caption,
body.category.archive .wp-caption {
  background: transparent;
  border: none;
  margin: 24px 0 36px 0;
}

/* blog filter */
div.et_pb_widget.widget_wpc_filters_widget {
  width: 100% !important;
}
.wpc-filters-widget-wrapper {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  grid-gap: 24px; */
  grid-template-columns: 3fr 1fr;
  grid-gap: 0;
}
.wpc-filters-widget-wrapper > *:not(.wpc-filters-section) {
  grid-column: 1 / -1;
}

/* blog cards */
div#posts-ajax-container .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, auto));
  grid-gap: 32px;
}
.et_pb_ajax_pagination_container article.page {
  display: none;
}
div#posts-ajax-container .et_pb_ajax_pagination_container article {
  background: var(--main-white);
  padding-bottom: 24px;
  margin-bottom: 0;
  box-shadow: 0 0 32px 4px var(--main-boxshadow);
}
div#posts-ajax-container .et_pb_ajax_pagination_container article > *:not(a) {
  padding: 0 24px 0 24px;
}
.et_pb_ajax_pagination_container article.et_pb_no_thumb {
  padding-top: 24px;
}

/* archive pagination */
.et_pb_ajax_pagination_container > div {
  grid-column: 1 / -1;
}
.wp-pagenavi {
  display: grid;
  grid-auto-flow: column;
  font-family: Rubik;
  text-transform: uppercase;
  justify-content: stretch;
  text-align: center;
  max-width: 600px;
  margin: auto;
}
.wp-pagenavi > * {
  border: solid var(--main-light);
  border-width: 2px 2px 2px 0;
  padding: 6px 12px;
  color: var(--main-light);
}
.wp-pagenavi > *:first-child {
  border-width: 2px;
}
.et_pb_ajax_pagination_container .wp-pagenavi span.current {
  color: var(--main-white);
  background-color: var(--main-light);
}
.et_pb_ajax_pagination_container .wp-pagenavi a:hover {
  color: var(--main-color);
}
.wp-pagenavi > a.first, .wp-pagenavi > a.last {
  letter-spacing: -3px;
}

@media screen and (max-width: 540px) {
  .wp-pagenavi .pages {
      display: none;
  }
  .wp-pagenavi > * {
      font-size: 14px;
  }
  .wp-pagenavi > *:nth-child(2) {
      border-left: 2px solid var(--main-light);
  }
}

/** home site **/
/* home hero new */
div#inaut_home-hero {
  background-color: var(--background-colored);
  overflow: hidden;
  padding-bottom: 8%;
}
div#inaut_home-hero .et_pb_post {
  margin-bottom: 0;
}
#inaut_home-hero article {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 6vw;
}
#inaut_home-hero article a.entry-featured-image-url {
  grid-row: span 4;
}
#inaut_home-hero article h1 {
  font-size: 32px;
  max-width: 480px;
  line-height: 1.4em;
  padding-left: 4vw;
  margin-top: 2%;
}
#inaut_home-hero article h1:first-letter {
  margin-left: -4vw;
}
#inaut_home-hero article p.post-meta {
  margin-top: 2vw;
  align-self: flex-end;
  grid-row: 1;
  grid-column: 2;
}
#inaut_home-hero article p.post-meta,
#inaut_home-hero article p.post-meta a {
  color: var(--main-color);
}
#inaut_home-hero article .post-content p {
  font-size: 18px;
  color: var(--main-dark);
  max-width: 320px;
}
#inaut_home-hero article a.more-link {
  margin-top: 6%;
  font-weight: 600;
  font-size: 18px;
}
#inaut_home-hero article::after {
  display: none;
}
/* stamps */
div#inaut_home-hero svg#inaut_blog-single-wave {
  left: -12%;
  bottom: -8%;
  fill: var(--main-light);
  width: calc(96px + 8vw);
}
svg#inaut_stempel-latest-post {
  z-index: 11;
  position: absolute;
  top: -3vw;
  right: 0;
  width: calc(48px + 6vw);
  transform: translateX(40%) rotate(16deg);
  fill: var(--main-color);
  overflow: visible;
}

/* Latest Post Box [OLD] */
.et_pb_module.et_pb_fullwidth_post_slider.et_pb_slider_with_overlay
  .et_pb_slides
  .et_pb_slide_overlay_container {
  background-color: transparent;
}
.et_pb_slides .et_pb_slider_container_inner {
  vertical-align: bottom;
  padding-bottom: 48px;
}
.et-pb-active-slide .et_pb_slide_description {
  animation: none;
  opacity: 1 !important;
  /* animation-duration: 0ms; */
}
.et_pb_slide_description {
  background: var(--main-white);
  color: var(--main-dark);
  grid-column: span 4;
  width: 100%;
  text-align: center;
  border: 3px solid var(--main-color);
  padding: 0;
}
.et_pb_slide_description .et_pb_slide_title {
  font-size: 40px;
  font-weight: 500;
  padding: 28px 24px 12px 24px;
  text-shadow: none;
  line-height: 1.2em;
}
.et_pb_slide_description .et_pb_slide_content p.post-meta,
.et_pb_slide_description .et_pb_slide_content p.post-meta * {
  font-size: 16px !important;
  color: var(--main-color) !important;
  text-shadow: none;
}
.et_pb_slide_description .et_pb_slide_content p.post-meta {
  border-bottom: 3px solid var(--main-color);
  padding: 10px 12px !important;
}
.et_pb_slide_description .et_pb_slide_content > div {
  text-shadow: none;
  color: rgb(115 97 78 / 66%) !important;
  padding: 0 24px 12px 24px;
  border-bottom: 3px solid var(--main-color);
}
.et_pb_slide_description .et_pb_button_wrapper a {
  transition: all 0.2s ease-in-out;
  margin-top: 0;
  border: none;
  border-radius: 0;
  width: 100%;
  color: var(--main-color);
  padding: 6px 0;
}
.et_pb_slide_description .et_pb_button_wrapper a:hover {
  padding: 6px 0;
  border: none;
  background: var(--main-color);
  color: var(--main-white);
}
.et_pb_slide_content {
  display: flex;
  flex-wrap: wrap;
}
.et_pb_slide_content > * {
  width: 100%;
}
.et_pb_slide_content .post-meta {
  order: 1;
}
.et_pb_slide_description .et_pb_slide_content > div p {
  font-size: 18px;
  line-height: 1.4em;
}

/** blog single site **/
body.single-post .et_pb_module.et_pb_post_content h2,
body.single-post .et_pb_module.et_pb_post_content h3,
body.single-post .et_pb_module.et_pb_post_content h4,
body.single-post .et_pb_module.et_pb_post_content h5,
body.single-post .et_pb_module.et_pb_post_content h6 {
  padding: 0.6em 0 0.3em 0;
}
body.single-post .et_pb_section.et_pb_section_0_tb_body::after,
body.tag-starke-strecke .et_pb_section.et_pb_section_0_tb_body::after,
/* body.category-genua .et_pb_section.et_pb_section_0_tb_body::after, */
body.tag-italien-2022 .et_pb_section.et_pb_section_0_tb_body::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 240px;
  background: linear-gradient(180deg, rgb(37 38 33 / 56%), transparent);
  mix-blend-mode: multiply;
}
/* title box */
div#inaut-titlebox {
  background: var(--main-white);
  border: 3px solid var(--main-color);
  max-width: 1024px;
  z-index: 12;
}
#inaut-titlebox > .et_pb_column {
  display: grid;
  grid-template-columns: repeat(4, minmax(60px, auto));
  grid-template-rows: auto min-content;
  align-items: center;
}
/* stamps */
svg#inaut_blog-single-wave {
  position: absolute;
  z-index: 11;
  overflow: visible;
  width: calc(96px + 10vw);
}
body.single-post svg#inaut_blog-single-wave {
  transform: translateX(-60%);
  top: 3vw;
  fill: var(--main-light);
}
div#inaut-titlebox .et_pb_module.et_pb_post_title {
  grid-column: 1 / -1;
  width: 100%;
  text-align: center;
  padding: 40px 5% 30px 5%;
  border-bottom: 3px solid var(--main-color);
  margin-bottom: 0;
}
div#inaut-titlebox .et_pb_module.et_pb_blurb {
  display: flex;
  align-items: center;
  padding: 6px 0;
  position: relative;
}
div#inaut-titlebox .et_pb_module.et_pb_blurb .et_pb_blurb_content {
  position: static;
}
div#inaut-titlebox .et_pb_module.et_pb_blurb:not(:last-child) {
  border-right: 3px solid var(--main-color);
}
div#inaut-titlebox .et_pb_module.et_pb_blurb .et_pb_blurb_container {
  display: flex;
  justify-content: space-evenly;
}
div#inaut-titlebox
  .et_pb_module.et_pb_blurb
  .et_pb_blurb_container
  .et_pb_blurb_description
  a {
  transition: color 0.1s linear;
}
div#inaut-titlebox
  .et_pb_module.et_pb_blurb
  .et_pb_blurb_container
  .et_pb_blurb_description
  a:hover {
  color: var(--main-light);
}
div#inaut-titlebox
  .et_pb_module.et_pb_blurb
  .et_pb_blurb_container
  .et_pb_blurb_description
  a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div#inaut-titlebox .et_pb_module.et_pb_blurb .et_pb_blurb_container h4 {
  font-family: Rubik;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
}
div#inaut-titlebox .et_pb_module.et_pb_blurb .et_pb_blurb_container h4 span {
  margin-top: 4px;
}
div#inaut-titlebox
  .et_pb_module.et_pb_blurb
  .et_pb_blurb_container
  .et_pb_blurb_description {
  font-size: 16px;
}
div#inaut-titlebox h1 {
  color: var(--main-color);
}

div#inaut-titlebox .et_pb_column .et_pb_text_inner {
  text-align: center;
}
div#inaut-titlebox .et_pb_column .et_pb_module {
  margin-bottom: 0;
  height: 100%;
}

/* text content */
/* overwrite classic editor image blocks */
div.wp-caption[id^="attachment"] {
  width: auto !important;
  padding: 0;
}
.et_pb_module.et_pb_post_content > *:not(figure, .wp-block-image, .wp-block-create-block-derinternaut-biobox) {
  max-width: 800px;
  margin: auto;
}
.wp-block-image figcaption {
  font-size: 16px;
  color: var(--main-color, #73614e);
}
.et_pb_module.et_pb_post_content figure,
.et_pb_module.et_pb_post_content div[id^="attachment"].wp-caption {
  width: 100%;
  max-width: 1024px;
  text-align: center;
  margin: 48px auto;
}
.et_pb_module.et_pb_post_content div[id^="attachment"].wp-caption {
  background: transparent;
  border: none;
}
.et_pb_module.et_pb_post_content div[id^="attachment"].wp-caption p {
  font-size: inherit;
  margin-top: 0.5em;
}
/* blockquote */
body.single-post .et_pb_module.et_pb_post_content figure.wp-block-pullquote {
  margin: 28px auto 48px auto;
  padding: 0;
  border: none;
}
body.single-post .et_pb_module.et_pb_post_content blockquote {
  padding-left: calc(12px + 3%);
  max-width: 640px;
  margin: 45px auto;
  border-color: var(--main-color, #73614e);
  color: var(--main-color, #73614e);
}
body.single-post blockquote p {
  line-height: 1.4em;
}
body.single-post .et_pb_module.et_pb_post_content blockquote cite {
  display: inline-block;
  margin-top: 8px;
}

.et_pb_module.et_pb_post_content a {
  color: var(--main-color);
  text-decoration: underline;
  transition: color 0.1s linear;
}
.et_pb_module.et_pb_post_content a:hover {
  color: var(--main-light);
}

/* similar posts / ähnliche beiträge */
div#jp-relatedposts {
  max-width: 100%;
}
div#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  position: relative;
  z-index: 1;
  width: calc(33% - 32px);
  margin-right: 32px;
  padding-right: 0;
  background: var(--main-white);
  box-shadow: 0 0 32px 4px var(--main-boxshadow);
  opacity: 1;
}
div#jp-relatedposts h3.jp-relatedposts-headline {
  font-size: 24px;
}
div#jp-relatedposts h3.jp-relatedposts-headline em {
  text-decoration: none;
  border-top: none;
}
div#jp-relatedposts h3.jp-relatedposts-headline em:before {
  display: none;
}
div#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post h4 {
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 500;
  padding: 16px 16px 8px 16px;
}
div#jp-relatedposts
  .jp-relatedposts-post-nothumbs
  p.jp-relatedposts-post-excerpt {
  padding: 0 16px;
  margin: 8px 0 12px 0;
}
div#jp-relatedposts
  .jp-relatedposts-items
  .jp-relatedposts-post
  .jp-relatedposts-post-title
  a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
div#jp-relatedposts
  .jp-relatedposts-items
  .jp-relatedposts-post
  .jp-relatedposts-post-title
  a:hover {
  text-decoration: none;
  color: var(--main-light);
}
div#jp-relatedposts
  .jp-relatedposts-items
  .jp-relatedposts-post
  .jp-relatedposts-post-title
  a {
  transition: color 0.1s linear;
  color: var(--main-dark);
  font-weight: 600;
}
div#jp-relatedposts time.jp-relatedposts-post-date {
  padding: 0 16px 24px 16px;
  color: var(--main-color);
  opacity: 1 !important;
}
div#jp-relatedposts
  .jp-relatedposts-items-visual
  .jp-relatedposts-post:hover
  time.jp-relatedposts-post-date {
  color: var(--main-light);
}

/* autoren box */
.et_pb_module.et_pb_team_member {
  color: var(--main-color);
  background: var(--main-white);
  box-shadow: 0 0 32px 4px var(--main-boxshadow);
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: 0 24px;
  padding: 24px;
}
.et_pb_module.et_pb_team_member .et_pb_team_member_image {
  margin: 0;
}
.et_pb_module.et_pb_team_member .et_pb_team_member_image img {
  width: 192px;
}
.et_pb_module.et_pb_team_member .et_pb_module_header {
  font-size: 24px;
  color: var(--main-color);
  padding-bottom: 0;
}
.et_pb_module.et_pb_team_member .et_pb_member_position {
  font-size: 18px;
  color: var(--main-color);
  padding-bottom: 8px;
}

/** Themenseiten & Kategorienseiten **/
body:not(.single-post, .tag-starke-strecke, .tag-italien-2022, .category-genua, .category-valencia) header#main-header li.menu-item a {
  color: var(--main-dark);
}
body.tag-starke-strecke header#main-header:not(.et-fixed-header) #logo,
body.tag-italien-2022 header#main-header:not(.et-fixed-header) #logo,
body.category-genua header#main-header:not(.et-fixed-header) #logo,
body.category-valencia header#main-header:not(.et-fixed-header) #logo {
    filter: invert(1) brightness(2);
}
body.archive.tag-starke-strecke svg#inaut_blog-single-wave,
body.archive.tag-italien-2022 svg#inaut_blog-single-wave,
body.archive.category-genua svg#inaut_blog-single-wave,
body.archive.category-valencia svg#inaut_blog-single-wave {
  right: 14%;
  top: -65px;
  fill: var(--main-color);
}
body.tag-starke-strecke header#main-header:not(.et-fixed-header) .mobile_menu_bar:before ,
body.tag-italien-2022 header#main-header:not(.et-fixed-header) .mobile_menu_bar:before,
body.category-genua header#main-header:not(.et-fixed-header) .mobile_menu_bar:before,
body.category-valencia header#main-header:not(.et-fixed-header) .mobile_menu_bar:before,
body.tag-starke-strecke header #et_search_icon:before ,
body.tag-italien-2022 header #et_search_icon:before,
body.category-genua header #et_search_icon:before,
body.category-valencia header #et_search_icon:before {
    color: var(--main-white);
}

/* FEATURED CATEGORY PAGE*/
.et_pb_section.inaut_hero-text-banner {
  padding: 0;
  min-height: calc(100vh - 60vh);
  display: grid;
  align-items: center;
}
svg.inaut_scroll-down {
  position: absolute;
  fill: var(--main-color);
  right: 10%;
  bottom: 36px;
  padding: 8px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  transition: padding 0.2s linear;
}
@media screen and (max-width: 980px) {
  svg.inaut_scroll-down {
    right: 24px;
    bottom: 12px;
  }
svg.inaut_scroll-down:hover {
  padding-bottom: 4px;
}
}

/* newsletter seite (anmeldung) */
body.et_bloom .et_bloom_form_container {
  background: #fff;
}
body.et_bloom.et_bloom .et_bloom_form_container .et_bloom_form_content {
background-color: var(--background-colored);
}
body.et_bloom.et_bloom .et_bloom_form_container .et_bloom_form_content 
button.et_bloom_submit_subscription {
    background-color: var(--main-color);
}

/** FOOTER **/
footer p,
footer,
footer ul.et-menu.nav li a {
  color: var(--main-white);
  font-size: 18px;
  line-height: 1.7em;
  padding-bottom: 0;
}
footer p a {
  color: var(--main-light);
}
footer p a:not(.et_pb_newsletter_button):hover {
  color: var(--main-color);
}
footer .et_pb_module.et_pb_menu {
  background: transparent;
}
footer ul.et-menu.nav {
  display: flex;
  flex-direction: column;
}
footer h3 {
  font-size: 32px;
  font-family: "Rubik";
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
/* social icons */
footer ul.et_pb_module.et_pb_social_media_follow {
  margin-top: 24px;
}
footer ul.et_pb_module.et_pb_social_media_follow li.et_pb_social_icon a {
  background-color: var(--main-light);
  transition: background 0.1s linear;
}
footer ul.et_pb_module.et_pb_social_media_follow li.et_pb_social_icon a:hover {
  background-color: var(--main-color);
}
footer
  ul.et_pb_module.et_pb_social_media_follow
  li.et_pb_social_icon
  a::before {
  color: var(--main-dark);
}

/* mobile footer */
@media screen and (max-width: 980px) {
  footer div#inaut-footer .et_mobile_nav_menu {
    display: none;
  }
  footer div#inaut-footer .et_pb_menu__menu {
    display: block;
    float: none;
  }
  footer div#inaut-footer .et_pb_menu__wrap {
    justify-content: flex-start;
    margin-bottom: 24px;
  }
  footer div#inaut-footer h3 {
    padding-bottom: 0;
  }
  .et_pb_column.et_pb_column_0_tb_footer {
    grid-column: 1 / -1;
    padding-bottom: 64px;
  }
  footer div#inaut-footer .et_pb_row.et_pb_row_0_tb_footer {
    display: grid;
    grid-template-columns: repeat(2, auto);
  }
}
@media screen and (max-width: 500px) {
  footer div#inaut-footer .et_pb_row.et_pb_row_0_tb_footer {
    width: 90%;
    grid-gap: 0 10px;
  }
  footer div#inaut-footer .et_pb_menu__menu h3 {
    font-size: 16px;
  }
}

/* Newsletter Signup */
.et_pb_newsletter .et_pb_newsletter_fields {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 12px;
}
.et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"] {
  border-radius: 0;
  border: 1px solid var(--main-white);
  transition: padding 0.2s;
}
.et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]:focus {
  padding-left: 12px !important;
}
a.et_pb_newsletter_button.et_pb_button {
  font-size: 12px;
  text-transform: uppercase;
  font-family: rubik;
  letter-spacing: 1px;
  font-weight: 600;
  height: 100%;
  width: auto;
  display: flex;
  align-items: center;
  border-radius: 0;
}
a.et_pb_newsletter_button.et_pb_button:after {
  right: -3px;
  padding-bottom: 2px;
  margin-left: 0;
}
a.et_pb_newsletter_button.et_pb_button .et_pb_newsletter_button_text {
  padding-top: 2px;
}
.et_pb_module.et_pb_signup_0_tb_footer
  .et_pb_newsletter_form
  p.et_pb_newsletter_field {
  padding: 0;
  margin-bottom: 0;
}

/** Inhaltsverzeichnis Blogpost (Simple TOC) **/
div.wp-block-simpletoc-toc {
  margin-bottom: 24px !important;
  margin-top: 12px !important;
}
div.wp-block-simpletoc-toc h2 {
  padding: 0 !important;
}
/* div.wp-block-simpletoc-toc .simpletoc-content {
  padding-bottom: 12px;
} */
div.wp-block-simpletoc-toc, div.wp-block-simpletoc-toc .simpletoc-content {
  background: var(--background-light);
}
button.simpletoc-collapsible {
  background: var(--background-light);
  font-weight: 700;
}
button.simpletoc-collapsible::after {
  display: inline-block;
  padding-top: 5px;
  padding-left: 5px;
  margin-left: 0px;
}
.wp-block-simpletoc-toc .simpletoc-collapsible.active, button.simpletoc-collapsible:hover {
  background: var(--background-colored);
}
div.wp-block-simpletoc-toc ul {
  padding-bottom: 0;
  padding-left: 32px;
  list-style: none;
}
div.wp-block-simpletoc-toc .simpletoc-content ul {
  padding-left: 2em;
  list-style: circle;
}
div.wp-block-simpletoc-toc a {
  text-decoration: none !important;
  display: inline-block;
}
div.wp-block-simpletoc-toc .simpletoc-content > ul > li > a {
  padding: 12px 0 8px 0;
}

/** MEDIA QUERIES **/
@media screen and (max-width: 980px) {
  /* general */
  .et_pb_row {
    width: 90%;
  }

  /* mobile header */
  header#main-header {
    max-width: 100vw;
  }
  header#main-header > .container {
    width: 100%;
    padding: 0 5%;
  }
  header#main-header > .container .logo_container {
    width: 90%;
  }
  ul#mobile_menu {
    padding: 0 !important;
    background: var(--main-white);
    box-shadow: 0 4px 32px 4px var(--main-boxshadow);
    border-top: 1px solid var(--main-color);
  }
  ul#mobile_menu li.menu-item {
    padding: 0;
  }
  ul#mobile_menu li a {
    font-size: 18px;
    text-align: center;
    padding: 24px 0;
    border-color: var(--main-boxshadow);
    color: var(--main-color) !important;
  }
  ul#mobile_menu li:last-child a {
    border: none;
  }
  .et_mobile_menu li a:hover,
  .nav ul li a:hover,
  .et_mobile_menu li.current-menu-item a {
    background-color: var(--background-colored);
    opacity: 1;
  }

  /* home */
  div#inaut_home-hero > .et_pb_row {
    padding-top: 0;
  }
  div#inaut_home-hero article {
    grid-template-columns: 1fr;
    gap: 0;
  }
  #inaut_home-hero article h1 {
    padding-left: 0;
    margin-top: 0;
  }
  #inaut_home-hero article h1:first-letter {
    margin-left: 0;
  }
  #inaut_home-hero article a.entry-featured-image-url {
    grid-row: auto;
  }
  #inaut_home-hero article p.post-meta {
    grid-row: auto;
    grid-column: auto;
  }
  /* stamps */
  div#inaut_home-hero svg#inaut_blog-single-wave {
    display: none;
  }
  svg#inaut_stempel-latest-post {
    top: -24px;
    width: 96px;
    right: 32px;
    fill: var(--main-dark);
  }
  div#posts-ajax-container .et_pb_ajax_pagination_container {
    grid-gap: 24px;
  }

  /* single blog post */
  body.single-post header#main-header {
    background: var(--main-white);
  }
  body.single-post .et_pb_section_0_tb_body {
    margin-top: 80px;
    min-height: 45vh;
  }
  #inaut-titlebox > .et_pb_column {
    grid-template-columns: repeat(2, minmax(60px, auto));
  }
  div#inaut-titlebox .et_pb_module.et_pb_post_title {
    padding: 16px 5% 6px 5%;
  }
  div#inaut-titlebox .et_pb_module.et_pb_post_title .et_pb_title_container h1 {
    font-size: 20px;
    line-height: 1.4em;
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb.inaut_infobox-comments,
  div#inaut-titlebox
    .et_pb_module.et_pb_blurb.inaut_infobox-author
    .et_pb_module_header,
  div#inaut-titlebox
    .et_pb_module.et_pb_blurb.inaut_infobox-date
    .et_pb_module_header {
    display: none;
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb.inaut_infobox-category {
    grid-column: 1 / -1;
    border-top: 3px solid var(--main-color);
    border-right: 0;
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb.inaut_infobox-author {
    grid-row: 2;
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb.inaut_infobox-date {
    border-right: 0;
  }
  /* mobile breadcrumbs */
  body.single-post .et_pb_section_0_tb_body {
    padding-top: 0 !important;
  }
  .inaut_mobile-breadcrumbs {
    position: sticky;
    padding: 6px 5% 6px 5%;
    background: var(--main-white);
    z-index: 1;
    border-top: 2px solid var(--main-color);
    top: 0;
  }
  .inaut_mobile-breadcrumbs::before {
    content: "";
    background: var(--background-colored);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  /* about page */
  .et_pb_row.inaut_flex-columns.inaut_about-section {
    flex-direction: column;
  }
  .et_pb_row.inaut_flex-columns.inaut_about-section
    .et_pb_column.et-last-child {
    padding: 5% 10%;
  }

  /* starke strecke mood galerie */
  .inaut_mood-galerie .et_pb_module.et_pb_image {
    margin-top: 0 !important;
  }
  .inaut_mood-galerie .et_pb_row_inner,
  .inaut_mood-galerie .et_pb_column {
    margin: 0 auto;
    padding: 0;
  }

  /* site search */
  header #et_search_icon:before,
  header span.et_close_search_field:after,
  header input.et-search-field::placeholder,
  header .et_search_form_container input {
      color: #73614e;
  }
  header span.et_close_search_field {
      margin: auto 20px;
  }
  header .container.et_search_form_container {
      margin: 0;
      width: 100%;
      padding: 0 40px;
  }
  body.et_header_style_left header .et-search-form {
      width: 100% !important;
      max-width: 100% !important;
      background: var(--background-light-solid) !important;
      border-bottom: 2px solid #73614e;
  }
  header .et-search-form input {
      width: 100%;
      right: 0;
      padding: 40px;
      font-size: 20px !important;
  }
  header .et-search-form input:focus {
      color: #73614e;
  }
  header span.et_close_search_field::after {
      transition: transform .4s cubic-bezier(0.65, 0.05, 0.36, 1);
  }
  header span.et_close_search_field:hover::after {
      transform: rotate(90deg);
  }
} /* END OF MAX 980px */
@media screen and (min-width: 640px) and (max-width: 980px) {
  div#inaut-titlebox .et_pb_module.et_pb_blurb.inaut_infobox-comments,
  div#inaut-titlebox
    .et_pb_module.et_pb_blurb.inaut_infobox-author
    .et_pb_module_header,
  div#inaut-titlebox
    .et_pb_module.et_pb_blurb.inaut_infobox-date
    .et_pb_module_header {
    display: inherit;
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb .et_pb_blurb_container {
    justify-content: space-between;
    padding: 0 8%;
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb.inaut_infobox-category {
    grid-column: auto;
    border-right: 3px solid var(--main-color);
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb.inaut_infobox-comments {
    border-top: 3px solid var(--main-color);
  }
  /* hide starke strecke mood galerie */
  .inaut_mood-galerie .et_pb_module.et_pb_image:nth-child(odd) {
    padding: 0;
  }
  .inaut_mood-galerie .et_pb_module.et_pb_image:nth-child(even) {
    padding-left: 24%;
  }
  .inaut_mood-galerie img {
    max-width: 320px;
  }
}

@media screen and (max-width: 720px) {
  /* general */
  body {
    max-width: 100vw;
    overflow-x: hidden;
  }
  h1 {
    font-size: 32px;
  }
  p {
    font-size: 18px;
  }
  /* blog single infobox */
  div#inaut-titlebox .et_pb_module.et_pb_blurb {
    padding: 2px 0;
  }
  div#inaut-titlebox
    .et_pb_module.et_pb_blurb
    .et_pb_blurb_container
    .et_pb_blurb_description {
    font-size: 14px;
  }
  div#inaut-titlebox .et_pb_module.et_pb_blurb .et_pb_blurb_container h4 {
    font-size: 11px;
  }

  /* ähnliche beiträge */
  div#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    width: 100%;
    max-width: 480px;
  }
  #jp-relatedposts
    .jp-relatedposts-items-visual
    .jp-relatedposts-post
    img.jp-relatedposts-post-img {
    width: 100%;
  }
  /* autorenbox */
  .et_pb_module.et_pb_team_member {
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }
  /* blog archive page */
  /* ajax search results */
  div#ajaxsearchliteres1.wpdreams_asl_results div.resdrg .asl_content {
    grid-template-columns: 72px auto;
  }
  div#ajaxsearchliteres1.wpdreams_asl_results div.item .etc span {
    letter-spacing: 0;
    display: block;
    margin-left: 0;
  }
  div#ajaxsearchliteres1.wpdreams_asl_results div.resdrg div.item h3,
  div#ajaxsearchliteres1.wpdreams_asl_results div.resdrg div.item h3 a {
    font-size: 18px;
  }
  div#ajaxsearchliteres1.wpdreams_asl_results div.resdrg div.item h3 {
    padding-bottom: 8px;
  }
  div#ajaxsearchliteres1.wpdreams_asl_results div.resdrg div.item p.asl_desc {
    display: none;
  }
  /* blog stopper */
  .et_pb_module.et_pb_post_content div.inaut_blog-stopper {
    grid-template-columns: 1fr;
    text-align: center;
    grid-gap: 8px;
    justify-items: center;
  }
} /* end of max 720 */

@media screen and (max-width: 480px) {
  .et_pb_row.inaut_flex-columns.inaut_about-section
    .et_pb_column.et-last-child {
    padding: 5%;
  }
  /* temporary fix for page header */
  body.page-id-23187 h1 span,
  body.pagerror404 h1 span {
    font-size: 0.6em !important;
  }
}

@media screen and (max-width: 359px) {
  article.comment-body {
    padding: 0;
  }
  .comment_avatar {
    display: none;
  }
}