/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1709221023
Updated: 2024-02-29 16:37:03

*/


/* Sections Grundeinstellungen */
.section1 {
	padding-top: 120px;
	padding-bottom: 120px;
	padding-left: 50px;
	padding-right: 50px;
}

.section2 {
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 50px;
	padding-right: 50px;
}

.single-post h2.wp-block-heading { font-size: 30px; }
.single-post h3.wp-block-heading { font-size: 28px; }

/* Formularausblendungen */
.grecaptcha-badge { 
	display: none;
}


/* ------- Gutenberg-Tabellen auf Mobile scrollbar. ------- */
/* Scroll-Container */
.wp-block-table,
.wp-block-table .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
    .wp-block-table table {
        table-layout: auto;   /* hebt has-fixed-layout auf */
        width: auto;
        min-width: 640px;     /* ab hier wird gescrollt */
    }

    .wp-block-table td,
    .wp-block-table th {
        min-width: 120px;     /* verhindert extrem schmale Spalten */
    }
}


/* ------- Ken-Burns-Effekt für Hero-Sektionen ------- */
/* Container */
.kb-hero {
    position: relative;
    overflow: hidden;
}

/* Pseudoelement übernimmt das Hintergrundbild des Containers und zoomt */
.kb-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: inherit;   /* erbt das per Elementor gesetzte Bild */
    background-size: cover;
    background-position: top center;
    z-index: 0;
    animation: ken-burns 20s ease-out infinite alternate;
}

/* Verlauf oben transparent → unten schwarz */
.kb-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 0;
    pointer-events: none;
}

/* Inhalt über dem zoomenden Bild halten */
.kb-hero > * {
    position: relative;
    z-index: 1;
}

@keyframes ken-burns {
    from { transform: scale(1); }
    to   { transform: scale(1.12); }
}

/* ------- Anpassungen @media ------- */
/* Medias für Umbrüche und Anpassung Sections */
@media screen and (max-width: 1199px) {
  .section1 {
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 50px;
	padding-right: 50px;
  }
	
  .section2 {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 50px;
	padding-right: 50px;
  }
}

@media screen and (max-width: 992px) {
  .section1 {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 50px;
	padding-right: 50px;
  }
	
  .section2 {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 50px;
	padding-right: 50px;
  }
}

@media screen and (max-width: 481px) {
  .section1 {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
  }
	
  .section2 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
  }
}