/*
Theme Name: Rainer Vogt Child Theme  @nestocom 
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Nestoras Stergiopoulos
Author URI: http://www.nestocom.de
Version: 4.27.4.1746956454
Updated: 2025-05-11 11:40:54

*/

.ci-bogen {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 500px; /* ggf. anpassen */
  z-index: 9999;
  pointer-events: none; /* lässt Buttons und Links darunter anklickbar */
  opacity: 1; /* ggf. anpassen */
}

.ci-bogen img {
  width: 100%;
  height: auto;
  display: block;
}

.et_pb_image_container{
    margin:0 auto !important;
    width:100%;

}
/* Bildcontainer relativ positionieren */
.nst-blog-badge .et_pb_post .et_pb_image_container {
  position: relative;
}

/* Erzwingt 3 Spalten im Blogmodul */
.et_pb_column_2_3 .three-posts.et_pb_blog_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.et_pb_column_2_3 .three-posts.et_pb_blog_grid .et_pb_post {
  width: calc(33.333% - 1.33%);
  margin: 0;
}


.nst-kontakt .wpcf7-form-control
{
  
	padding: 10px;
	
}


.slide-ueber-mich .et_pb_slide_image
{
  padding-bottom:15vh !important;
}


/* Großbildschirme (Desktops ab 1200px) */
@media (min-width: 1200px) {
  /* CSS für große Desktops */

.aktuelles .et_pb_media_alignment_center .et_pb_slide_image {
	bottom: auto;
	top:65%;
}

.mein-slider .et_pb_slides::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        height: 100%;
        background-image: url('https://vogt.echt-ratingen.de/wp-content/uploads/2025/06/Echt_oval.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
        z-index: 10;
        display: block;
        pointer-events: none;
    }
    .mein-slider .et_pb_slides {
        position: relative;
    }
}

/* Standard-Desktops und Laptops (ab 992px) */
@media (min-width: 992px) and (max-width: 1199px) {
  /* CSS für normale Desktops/Laptops */


}
@media only screen and (max-width: 980px) {
  .et_pb_blog_grid .et_pb_salvattore_content {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }

  .et_pb_blog_grid .et_pb_salvattore_content > .column {
    display: flex;
  }

  .et_pb_blog_grid .et_pb_post {
    min-width: 100%;
    flex-shrink: 0;
    scroll-snap-align: start;
    box-sizing: border-box;
    padding: 0 1rem;
  }

  /* Scrollbar ausblenden */
  .et_pb_blog_grid .et_pb_salvattore_content::-webkit-scrollbar {
    display: none;
  }


.nst-kontakt .wpcf7-form-control
{
  
	padding: 10px;
  width: 100%;
	
}
  .responsive-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .responsive-row .column-left {
    order: 2;
  }

  .responsive-row .column-right {
    order: 1;
    margin-bottom: 2em !important;
  }




}

@media only screen and (max-width: 980px) {
  #main-header {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
.mein-slider .et_pb_slides::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        height: 100%;
        background-image: url('https://vogt.echt-ratingen.de/wp-content/uploads/2025/06/Echt_oval.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
        z-index: 10;
        display: block;
        pointer-events: none;
    }
    .mein-slider .et_pb_slides {
        position: relative;
    }

  body.et_mobile_menu_active #page-container {
    padding-top: 80px; /* Abstand für das sticky Menü oben */
  }
@media (max-width: 767px) {

  .mein-slider .et_pb_slides::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 100%;
        background-image: url('https://vogt.echt-ratingen.de/wp-content/uploads/2025/06/Echt_oval.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
        z-index: 10;
        display: block;
        pointer-events: none;
    }
    .mein-slider .et_pb_slides {
        position: relative;
    }

    .et_pb_slide {
        position: relative;
    }

    .et_pb_slide_image {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        transform: none !important;
        margin: 0;
    }

    .et_pb_slide_image img {
        width: 150px;
        height: auto;
        max-width: 100%;
        display: block;
    }

    .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {
	padding: 1em !important;
	
}
}

}



/* Smartphones (kleine Geräte) */
@media (max-width: 599px) {
  /* CSS für Smartphones */

  .bild-oben
{
  display:flex;
  flex-direction: column;
}

.bild-oben .et_pb_column:nth-child(1)
{
  order:2;
}

.bild-oben .et_pb_column:nth-child(2)
{
  order:1;
}

 
}


