/**
Theme Name: Astra-Child-Luminara
Author: Patrick
Description: Leichtgewichtiges Astra Child Theme mit maßgeschneiderten Erweiterungen und Anpassungen.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/* ================================================================================ HOMEPAGE - VOLLE BREITE ==== */
	body.page-id-8 .ast-container {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	body.page-id-8 main {
		padding: 0 !important;
		background: #ffffff !important;
	}
/* ================================================================================ HOMEPAGE CUSTOMIZER ==== */
	html {
		scroll-behavior: smooth;
	}

	body.page-id-71 .entry-content {
		padding: 30px !important;
		background: #ffffff !important;
	}
  	.text-white {
    	color: white;
  	}
  
  	.text-yellow {
    	color: #ffcc00;
 	}
	h3, h4 {
		margin-top: 25px !important;
		margin-bottom: 5px !important;
	}
/*============================================================================================================================ DIVS ==== */
	.table {
		display: table;
		width: 100%;
		margin-bottom: 20px;
	}
	.table-row {
		display: table-row !important;
	}

	.table-cell-1 {
		display: table-cell;
		padding-top: 10px !important;
		padding-right: 20px !important;
		vertical-align: top !important;
		width: 50%;
		text-align: right !important;
		font-weight: 400 !important;
	}
	.table-cell-2 {
		display: table-cell;
		width: 50% !important;
		padding-top: 10px !important;
		vertical-align: top !important;
	}

/*============================================================================================================================ Tablets SETTINGS ==== */
/* Tablets (Hochformat) */
@media (min-width: 768px) and (max-width: 1023px) {
	
	.fl-node-o086c53lgupe.fl-row-full-height > .fl-row-content-wrap {
    min-height: 80vh;
	}
	h1 {
	white-space: nowrap;
	}
}
/*============================================================================================================================ MOBILE SETTINGS ==== */
@media screen and (max-width: 768px) {
	
	.fl-node-o086c53lgupe.fl-row-full-height > .fl-row-content-wrap {
    min-height: 80vh;
	}

    

	.table {
		width: 100% !important;
	}
	
	.table-row {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center;
	}

	.table-cell-1,
	.table-cell-2 {
		width: 100% !important;
		display: block !important;
		text-align: center !important;
		padding-right: 20px !important;
	}

	.table-cell-1 {
		font-size: 23px !important;
		padding-top: 20px !important;
		padding-right: 0px !important;
	}
	.table-cell-2 {
		padding-top: 0px !important;
	}

    /* Nur auf Mobilgeräten und Tablets (z.B. bis 992px) */

    h1 .text-white,
    h1 .text-yellow {
        display: block;
        width: 100%;
    }
    
    /* Hier stellst du den Abstand (die Höhe) ein */
    h1 .text-white {
        margin-bottom: 60px; /* <--- Zahl ändern für mehr/weniger Abstand */
    }
}