/*
Theme Name: hello-child
Description: fotolog-extention
Author: tp
Author URI: https://angenehme-gestaltung.de
Author Email: mail@thorstenprobst.de
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/


/*
custom styles 
*/

html {
  font-size: 16px;
}

body {
    padding-top: 100px; /* Headerheight */
}


.e-parent {margin-bottom: 4rem!important;}

ul, ol {padding-left: 1rem;}
ul {list-style: square;}

::marker {
  color: rgb(99, 99, 99);
}   

li {
   margin-bottom: 0.5rem;
}

blockquote {
  position: relative;
  padding: 1rem;
  font-style: italic;
  margin: 0;
}

blockquote::before {
  content: '"';
  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
  font-size: 10rem;
  color: #999999;
  line-height: 1;
  opacity: 0.5;
  z-index: -1;
}

.header_underline p {
    display: inline;
    background-color: white;
    padding: 0.2rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 1.8; /* Etwas mehr Zeilenhöhe für bessere Lesbarkeit */
}

/* menue */

.site-navigation ul#menu-mainnav {
  display: flex;
flex-wrap: wrap;
column-gap: .5rem!important;
}

.site-navigation ul.menu li  {
background-color: var(--e-global-color-primary);
padding: .4rem;
 margin-bottom: 0!important;
}

.site-navigation ul.menu li:hover {
background-color: var(--e-global-color-accent);
}

.site-navigation ul.menu li a {
color: white;
font-weight: 800;
}

.site-navigation ul.menu li ul {    
    width: 100%;
}

.site-navigation ul.menu li ul li {    
    background-color: var(--light-grey);
    border-block-end: 0!important;
}

.site-navigation ul.menu li.menu-item-has-children:after
 {
    color: white!important;
 }



/* burger menue */

.site-navigation-toggle-holder {
    align-items: flex-start;
    padding: 0!important;
  }



/* headroom  */

#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    transition: transform 0.5s ease-in-out;
    background-color: rgba(255, 255, 255, 0.75);
}

#site-header.headroom--unpinned {
    transform: translateY(-100%);
}

#site-header.headroom--pinned {
    transform: translateY(0);
}


/* Responsive styles for views under 750px */

@media (max-width: 749px) {
  
  .site-description {display: none}

}

/* gsub grid overlay */

.image-grid-wrapper {
  position: relative;
  width: 100%;
  height: 100%
}

.grid-container-one-row {
  height: 25%;
}

.grid-container-text{
  height: 50%;
}

.image-grid-wrapper img {
  width: 100%;
  height: auto;
  display: block!important; /* wichtig gegen whitespace */
}

.image-grid-overlay {
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  margin-bottom: 0!important;
  
}

.image-grid-overlay-container {
  position: relative;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  height: 100%;
  
}

.image-grid-overlay > div {
  border: 1px solid rgba(255,255,255,.3);
}

.slider-text p{
  font-size: clamp(0.8remvw, 2rem)!important;
  line-height: clamp(1.4rem, 1.5vw + 0.5vw, 2.5rem)!important;
}

.slider-header h2 {
font-size: clamp(3rem, 9vw, 16rem)!important;
font-weight: 600!important; ;
}