/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child Theme - Punktplanung
Author: FH & MS
Author URI: https://www.punktplanung.de
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
    Add your custom styles here
*/


/* Horizontale Scrollbar verstecken */
body {
	overflow-x:hidden;
}

/* Smooth Scroll */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 0px;
}

/* Bildzeichnung mit klareren Kanten */
img, section, div {
	image-rendering: -webkit-optimize-contrast;
}

/* Complianz */
.cmplz-cookiebanner, .cmplz-cookiebanner button, .cmplz-cookiebanner div, button.cmplz-blocked-content-notice {
	font-family: sans-serif !important;
}
.cmplz-placeholder-1 {
	height: inherit !important;
}

/* HEADER */

.menueleiste {
	max-height: 100px;
}

.schrift-vertikal {
	writing-mode: vertical-rl;
}

@media (min-width:768px) and (max-width:1024px) {
.menueleiste {
	max-height: 60px;
}
}

/**********/

/* Slider */

.slider-spalte > div {
	padding: 0px 10px 0px 10px;
}

.highlight-font {
	margin-top: -25%;
	margin-bottom: 0%;
	padding: 0% 10% 5% 0%;
}

/********/

/* Box mit Icons */

.box-content {
	width: clamp(450px, 40%, 900px) !important;
}
.box-content > div {
	padding: 40px !important;
}
.box-beside-small {
	width: 10% !important;
}
.box-beside-large {
	flex: 1;
}


@media (min-width:1025px) and (max-width:1529px) {
.box-eins {
	max-width:720px;
	margin-top: -10%;
	margin-bottom: 0%;
	padding-left: 5%;
	z-index: 3;
}
}

@media (min-width:1530px) {
.box-eins {
	max-width:950px;
	margin-top: -10%;
	margin-bottom: 0%;
	padding-left: 5%;
	z-index: 3;
}
}

.box-zwei {
	margin-top: -10%;
	margin-bottom: 0%;
	padding: 0% 10% 0% 60%;
	z-index: 3;
}

.box-drei {
	margin-top: -22%;
	margin-bottom: 0%;
	padding: 0% 30% 0% 20%;
	z-index: 3;
}