/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

#page-container { overflow-x: hidden; }

.header-wrapper .et_pb_column { margin-bottom: 0 !important; }
.header-wrapper .et_pb_column:last-child { display: flex; align-items: center; justify-content: flex-end; }
.header-wrapper .et_pb_social_media_follow li {margin-bottom: 0;}
.mobile-menu-link { margin-left: 0 !important; }
.is-active  .et_pb_icon_wrap .et-pb-icon {
	color: #ef94ca !important;
}

.inline-btns .et_pb_button_module_wrapper { display: inline-block; }

.headline-arrows img { height: 1em; width: auto; margin-right: 15px; transform: translateY(20%);}
h1, .corner-bottom h2 { position: relative; padding-bottom: 0; }
h1 {  margin-left: 50px; }
.corner-bottom h2 {  margin-left: 15px; }
h1:before, .corner-bottom h2:before { 
	content: '';
	display: block;
	position: absolute;
	left: -50px;
	top: -50px;
	width: auto;
	height: calc(100% + 50px);
	aspect-ratio: 1/1;
	border-left: 4px solid #000;
	border-top: 4px solid #000;
}
body { font-weight: 300; }

.corner-bottom h2:before { border-top: 0; border-bottom: 4px solid #000; top: auto; bottom: -10px; left: -15px; height: calc(100% + 10px);}
.corner-bottom { margin-bottom: 50px !important; }

.et_parallax_bg { background-position: center center !important; }

/* Brackets */
.brackets { padding: 25px 50px !important;}
.brackets:before, .brackets:after {
	content: '';
	display: block;
	height: 30px;
	width: calc(100% - 6px);
	border-top: 3px solid #000;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.brackets:after {
	top: auto;
	bottom: 0;
	border-top: 0;
	border-bottom: 3px solid #000;
}

.text-animation .et_pb_text .et_pb_text_inner {
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	--gap: 1rem;
	gap: var(--gap);
}
.text-animation .et_pb_text .et_pb_text_inner ul {
	flex-shrink: 0;
	list-style-type: none;
	padding: 0;
	margin:0;
	display: flex;
	justify-content: space-around;
	min-width: 100%;
	gap: var(--gap);
	animation: scroll 60s linear infinite;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/* Fonts */
h1, h2, h3 { text-wrap: balance; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
.big-p, .big-p p { font-size: 22px; } 

.erecht h2 { font-size: 24px !important; font-weight: 400 !important; }
.erecht h3 { font-size: 20px !important; font-weight: 600 !important; text-transform: uppercase; }
.erecht h4 { font-size: 16px !important; font-weight: 600 !important; text-transform: uppercase; }

/* Menu */
.custom-menu { width: auto !important; right: -100px !important; opacity: 0; transition: all .3s ease-in-out; pointer-events: none;}
.custom-menu a { color: #000; }
.custom-menu a:hover { color:#ef94ca; }
.custom-menu.is-active { right: 0 !important; opacity: 1; pointer-events: auto;}
.custom-menu .et_pb_code_inner,
.custom-menu-content .et_pb_code_inner { display: flex; flex-direction: column; align-items:center; justify-content:center; }
.custom-menu-content .et_pb_code_inner { justify-content: flex-start; align-items: flex-end; }
.custom-menu-content a { color: #000; }
.custom-menu-content a.active,
.custom-menu-content a:hover { color: #ef94ca }

.leistungs-slider > div:last-child > div:not(.active) {
	position: absolute;
	top: 50px;
	opacity: 0;
	pointer-events: none;
}
.leistungs-slider .brackets { padding: 25px !important; }

/* Mobile */
@media ( max-width: 767px ) {
	body { font-size: 18px !important; } 
	h1 { font-size: 32px !important; margin-left: 30px;}
	h1:before {
	    left: -30px;
	    top: -30px;
	    height: calc(100% + 30px);
	}
	h2 { font-size: 28px !important; }
	.big-p, .big-p p { font-size: 18px !important; } 
}