/**
 * Theme Name:     OceanWP Child
 * Author:         Bernhard
 * Template:       oceanwp
 * Text Domain:	   oceanwp-child
 * Description:    OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it
 * Author URI:     http://Bernhard
 */
 #content-wrap {
   padding-top: 30px !important;
 }

.page-header-title {
    background-color: #ffffff !important;
     display: none !important;
 }

 .page-header {
     background-color: #ffffff !important;
  }


#site-navigation-wrap {

   padding: 30px 40px !important;
 }

 .elementor-widget-container ul, ol {

     list-style: circle !important;
 }

i.fa-solid.fa-campground {
     color: #1d61a1 !important;
     font-size: 36px !important;
     display: flex !important;
     justify-content: center !important;
 }

/*

.fa-calendar-alt::before {
   content: "\f073";
   color: #74b959 !important;
 }
*/
/* -------- table of content ------- */

.ez-toc-title-container {
  padding-bottom: 5px;
}


 #ez-toc-container {



   margin-bottom: 2em !important;
   padding: 15px 15px 15px 15px !important;

   width: 100%;
   background-color: #E9F3E3 !important;
 }

 .ez-toc-heading-level-2 {
     font-weight: 900 !important;
 }

/* -------- end ------- */

/* -------- forst ------- */
.elementor .forst a {
    color: #0e5e44 !important;
}

.elementor .forst a:hover {
    color: #86aea1 !important;
}

/* -------- end ------- */


.related-post-title {
  font-size: 28px !important;
	line-height: 1.3em !important;

}


.theme-heading {

  text-transform: none !important;
}


#related-posts {

  border-top: none !important;
}


.tagcloud-title h5 {

   color: #1d61a1 !important;
 }

.ha-post-tab .ha-post-tab-filter li.active {
  background: #fff !important;
  color: #1d61a1 !important;
}

.ha-post-tab .ha-post-tab-filter li:hover {
    color: #5687b9 !important;
    cursor: pointer;
}


.ha-post-tab .ha-post-tab-filter {

    border-bottom: none !important;
}

.ha-post-tab .ha-post-tab-item-inner {

    padding: 0px !important;
    box-shadow: none !important;
}

.ha-post-tab .ha-post-tab-item-inner {
    padding: 0px !important;
    border: 1px solid #e9e9e9 !important;
    border-radius: 0px !important;
}



/* -------- gpx download desing ------- */


h2 #steigerwaldtour_gpx-datei {
    line-height: 30px;
}

.download-button {

  text-decoration:none!important;

  background-image: none!important;
  background-image: none!important;
  -moz-border-radius:8px!important;
  -webkit-border-radius:8px!important;
  border-radius:8px!important;
  text-shadow: none!important;
  box-shadow: none!important;

  border-style: dotted!important;
  border-width: 2px 2px 2px 2px!important;
  border-color: var(--e-global-color-5c20a2d)!important;
}



.download-button:hover {
  color:#fff;
  background-color:#09c;
  background-image:-webkit-linear-gradient(#09c,#0086b2);
  background-image:-moz-linear-gradient(#09c,#0086b2)
}


.gpx-steiger-head {
  font-family: verdana;
  font-size: 22px;
  line-height: 60px;
  color: #333;
}


.gpx-steiger .download-box .download-count {
    display: none !important;
}

.gpx-steiger .download-box .wp-post-image {
    display: none !important;
}

.download-box-content h1 {
  display: none !important;
}

.gpx-steiger .download-box {
        width: 100% !important;
        border: none !important;
        background-color: #d2dfec !important;
        box-shadow: none !important;
    }
.gpx-steiger .download-box .download-box-content h1 {
    font-style: verdana;
    font-size: 32px;
}
.gpx-steiger .download-button {
  background-color: #d3e7c8 !important;

}
.gpx-steiger .download-button:hover {
  background-color: #1d61a1 !important;

}

#download-link-7951 {
  font-size: 16px;
}







.ha-post-tab-item-inner .ha-post-tab-title {
    margin: 10px !important;
}

.ha-post-tab .ha-post-tab-item-inner .ha-post-tab-title {
    margin: 10px !important;
    font-size: 28px !important;
}

.ha-post-tab .ha-post-tab-meta span a{
    font-size: 14px !important;
    letter-spacing: .6px;
}

}


.ha-post-navigator .ha-post-navigator__separator-wrapper {
    text-align: center;
    padding: 15px !important;
}
.ha-post-tab .ha-post-tab-meta span a {
    color: #4a4a4a !important;
    font: inherit;
}

.ha-post-tab-item-inner .ha-post-tab-title a {
    color: #1d61a1 !important;
}

.ha-post-tab .ha-post-tab-meta span i {
  padding-right: 0px !important;
}



.fa-user-o:before {
  content: "\f007" !important;
  color: #74b959 !important;
  margin-left: 10px !important;
}


/*
.fa-calendar-o:before {
  content: "\f073" !important;
  color: #74b959 !important;
}
*/

#related-posts {

    padding-bottom: 30px !important;
}



.blog-entry.grid-entry .blog-entry-header .entry-title {
  font-size: 28px !important;

}

.blog-entry.post .blog-entry-header .entry-title a {

  font-weight: 400 !important;
}

.blog-entry.post .blog-entry-header .entry-title a:hover {

  color: #5687b9 !important;
}

/** Steckbrief Trekkingplatz*/
.steckbrief .elementor-widget-container ul, ol {
    list-style: none !important;
}
.steckbrief .elementor-widget-container ul, ol, li,i, .fa-solid.fa-fire::after {
  padding-left: 10px;

  line-height: 30px;
}

.fa-solid.fa-fire, .fa-solid.fa-chair, .fa-solid.fa-person-shelter, .fa-solid.fa-toilet-paper, .fa-solid.fa-droplet, .fa-solid.fa-map {
  color: #a04646;
}

.steckbrief .fa-solid.fa-fire, .fa-solid.fa-chair, .fa-solid.fa-person-shelter, .fa-solid.fa-toilet-paper, .fa-solid.fa-droplet, .fa-solid.fa-map {
  padding-right: 15px !important;
  padding-left: 15px !important;
}


/** related Post title */

.related-post-title a {
  font-size: 28px !important;
  font-weight: 400 !important;
}

.related-post-title a:hover {

  color: #5687b9 !important;
}


.theme-heading .text::before {
  color: #1d61a1 !important;
  content: "\f107" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 28px !important;
  padding-right: 10px !important;

}




.related-posts-title {
background-color: #d3e7c8 !important;
padding: 5px 5px 10px 5px !important;
font-size: 24px !important;
border-radius: 8px !important;
color: #1d61a1 !important;
text-align: center!important;
border-style: dotted;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-5c20a2d);
    box-shadow: 0px 0px 25px -10px rgba(37.39999999999998, 37.39999999999998, 37.39999999999998, 0.5);

}



/* ------------------------sticky header --------------------- */


#site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;  /* Damit der Header über anderen Inhalten bleibt */
    transition: top 0.3s ease-in-out;  /* Sanfte Animation beim Scrollen */
}


#site-header.sticky {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.custom-logo {
    transition: height 0.5s ease-in-out;
}

/* ----------------------  inhaltsverzeichnis ------------------------------------ */

#ez-toc-container {
  background-color: #eae2da !important; /* Hintergrundfarbe */
  border: 2px solid #e0e0e0; /* Rahmen */
  border-radius: 8px; /* abgerundete Ecken */
  padding: 20px; /* Innenabstand */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); /* weicher Schatten */
  max-width: 100%;
  margin: 20px auto;
}










/* --------------------------------------------------------------- */






@media screen and (max-width:767px){
/* Hier stehen die CSS Anweisungen für die Bildschirmausgabe */

/*



.steckbrief .elementor-widget-container ul, ol {
  font-size: 12px;
  line-height: 27px;
}

*/

/* ------------------GPX download --------------------- */

#download-link-7951 {
  font-size: 16px;
}

.gpx-box .elementor-icon-box-title {
  font-size: 26px !important;
  line-height: 40px !important;
}


h2 {
  font-size: 28px !important;
}
#mobile-dropdown ul li a{
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
  }


  .hamburger-box {
      width: 30px !important;
      height: 30px !important;

  }
  .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
      width: 30px !important;
      height: 2px !important;
  }

  .oceanwp-mobile-menu-icon {
    padding: 15px !important;
  }


.hamburger--spin .is-active {
  border-color: #a04646 !important;
}
.mobile-menu .opened { border-color: #a04646 !important;}





.tagcloud-title h5 {

   color: #1d61a1 !important;
   font-size: 28px !important;
   padding-top: 20px !important;
 }


.post-navigation__next--label {
    font-family: "Lobster", Sans-serif;
    font-size: 20px !important;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0px;
}

.post-navigation__prev--label {
    font-family: "Lobster", Sans-serif;
    font-size: 20px !important;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0px;
}

.post-navigation__arrow-prev {
    padding-right: 5px !important;

}
.post-navigation__arrow-next {
    padding-left: 5px !important;
}


.post-navigation__arrow-prev .fa-chevron-circle-left {
    font-size: 30px !important;
}

.post-navigation__arrow-next .fa-chevron-circle-right {
    font-size: 30px !important;
}

.ha-post-navigator {

    border-top-width: 3px;
    border-bottom-width: 3px;
    padding: 25px 0;
    display: flex;
    flex-direction: column-reverse !important;


}


.ha-post-navigator__prev.ha-post-navigator__link {
    width: 100% !important;
}
.ha-post-navigator__next.ha-post-navigator__link {
    width: 100% !important;
}

/**
.related-posts-title {
    background-color: red !important;
   color: #1d61a1 !important;
   font-size: 28px !important;
 }



.theme-heading .text::before {
  color: #ffffff !important;
  content: "\f107" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 24px !important;

}



.related-posts-title {
background-color: #1d61a1 !important;
padding: 5px 5px 15px 5px !important;
font-size: 24px !important;
border-radius: 20px !important;
color: #ffffff !important;
text-align: center!important;

}

*/

.ha-horizontal-timeline-description {

   width: 100% !important;
 }

 #scroll-top {
     right: 40px !important;
     bottom: 20px !important;
     width: 35px !important;
     height: 35px !important;
     line-height: 24px;
     font-size: 30px !important;
     font-weight: 600 !important;
 }


 ul.meta li i {
   font-size: 12px !important;
 }


.ha-horizontal-timeline-description {
    font-size: 14px !important;
}


.tag-cloud-link {
    line-height: 10px !important;
}


.mobile-searchform {
  background-color: #ffffff !important;
  border: 1px solid !important;
    border-top-color: currentcolor !important;
    border-right-color: currentcolor !important;
    border-bottom-color: currentcolor !important;
    border-left-color: currentcolor !important;
  border-color: #1d61a1 !important;
}


.fa-home {

    font-size: smaller !important;
}

/* -------- breadcrumb----------------------*/

.site-breadcrumbs {
white-space: normal !important;
line-height: 1.2 !important;
height: auto !important;
overflow: auto!important;

}


/*

 .fa-calendar:before {
   content: "\f073" !important;
 }


*/


}
/*  Rote Line um alle Aussenkanten zu sehen
* {
    outline: 1px solid red !important;
}
*/