/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Netzgaenger working on Elegant Themes
 Author URI:     https://www.netz-gaenger.de
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* outfit-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/outfit/outfit-v15-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/outfit/outfit-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/outfit/outfit-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/outfit/outfit-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/outfit/outfit-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/outfit/outfit-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/outfit/outfit-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/outfit/outfit-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/outfit/outfit-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Material-Icons.woff2) format('woff2');
}

.gIcon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 140%;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}


body {
	--primary: #0033a0;
	--secondary: #eab818;
	--dark: #707070;
	--darkgrey: #d8d8d8;
	--grey: #F8F8F8;
	--textColor: #666666;
	--titleFont: 'Outfit', sans-serif;
	--textFont: 'Outfit', sans-serif;
	--et_global_body_font: 'Outfit', sans-serif;
	--headerHeight: 100px;
	--content-width: 90%;
}
body.scrolled {
	--headerHeight: 70px;
}
.headerLogo img, .headerContact a, header .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a { transition: all ease-in-out 0.5s; }
body, html {  scroll-behavior: smooth; }
body { font-family: var(--textFont) !important; font-weight: 300; color:var(--dark); }
h1, h2, h3, h4, h5 { font-family: var(--titleFont) !important; font-weight: 500; line-height: initial; }
h1 { font-size: 180%; margin:0 0 30px 0; }
h2 { font-size: 150%; margin:30px 0 20px 0; }
h3 { font-size: 120%; margin:20px 0 15px 0; }
.hide { display: none; }
.iconText { display:flex; align-items: center; column-gap:8px; }

header { position: sticky; top:0px; z-index:5000; background-color: var(--darkgrey); }
header .et_pb_section, .et_pb_menu_0_tb_header.et_pb_menu { background-color: transparent; padding:0; }
.headerContact a { color:var(--textColor); line-height: calc(var(--headerHeight) - 5.5px); font-size: 120%; }
.headerContact p { display: flex; column-gap: 10px; }
.headerLogo img { height:calc(var(--headerHeight) - 20px); width:auto; }
.headerMenu { flex-grow:10; }
header .et_flex_row > div { width:auto; }
header .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li { margin:0; padding:0; }
header .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a { padding:0; line-height: var(--headerHeight); font-size: 160%; }
header .et_pb_menu .et-menu { margin:0; }
header .et_pb_menu .et_pb_menu__menu, header .et_pb_menu .et_pb_menu__menu > nav { flex-grow: 10; max-width: 700px; }
header .et_pb_menu.et_flex_module .et_pb_menu__wrap { justify-content: flex-end; flex:1 0 auto; }

header .et_pb_menu .et_pb_menu__menu > nav > ul { flex-grow: 10; justify-content: space-between; }
header .et_pb_image_0_tb_header, header .et_pb_image_0_tb_header a, header .et_pb_image_0_tb_header span { height:100%; }
header .et_pb_image .et_pb_image_wrap { display: flex; align-items: center; }
header .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before { color:var(--textColor); font-size: 40px; }
header .et_pb_menu__wrap .mobile_menu_bar { transform:unset; cursor: pointer; height:var(--headerHeight); display: flex; align-items: center; }
header .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul { background-color: var(--darkgrey); }
header .et_pb_menu_0_tb_header.et_pb_menu ul li a { font-size: 130%; white-space: nowrap; }
header .nav li ul { width:auto; border:none; }
header .et-menu li li a { width:auto; }

#main-content { font-size: 20px; line-height: initial; }

footer img { max-width:150px; }
footer .et_pb_image_wrap { text-align: center; }
footer #menu-footermenu { display: flex; flex-direction: column; }
footer #menu-footermenu li { text-align: right; margin:0; padding:0; justify-content: flex-end; }
footer .et_pb_menu .et_pb_menu__wrap { justify-content: flex-end; }
footer .et_pb_menu .et-menu { margin:0; }
footer .et-menu li { font-size: 16px; }


.textBildHalfWrapper {}
.textBildHalfWrapper .et_pb_button.et_pb_more_button { color:#fff; margin-top:30px; }
.textBildHalfWrapper .textBildHalfContainer { flex-wrap: wrap; column-gap:0; min-height:40vh; }
.textBildHalfWrapper .textBildHalfContainer > div { justify-content: center; flex-basis:50%; }
.textBildHalfWrapper .textBildHalfContainer > div:nth-of-type(2) > div { padding:80px 8%; }
.textBildHalfWrapper .textBildHalfContainer > div:nth-of-type(2) > div h2 { margin-top:0; }
.textBildHalfContainer img { width:100%; height:100%; object-fit: cover; object-position: center center; aspect-ratio:unset; }
.textBildHalfWrapper .textBildHalfContainer:nth-of-type(even) > div:nth-of-type(1) { order:2; }

.kachelWrapper > div { aspect-ratio:3/2; }
.kachelWrapper > div > div { height:100%; display: flex; justify-content: flex-end; }
/*.kachelWrapper > div > div > div { background-color: #0033a0aa; width:100%; text-align: center; color:#fff; font-size: 120%; font-weight: 500; }*/
.kachelWrapper > div > div > div { background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); width:100%; text-align: center; color:#fff; font-size: 120%; height:50%; display: flex; align-items: flex-end; justify-content: center; }
.kachelWrapper > div > div > div p { padding:12px 15px !important; margin:0; }
.homeIconWrapper { display: flex; justify-content: flex-start; margin-top:20px; font-weight: 500; }
.homeIconWrapper .gIcon { color:var(--primary); }

@media (max-width: 980px) {
	body {
		--headerHeight: 70px;
	}
	body.scrolled {
		--headerHeight: 50px;
	}
	.headerMenu { flex-grow: 1; order:2; }
	.headerContact { flex-grow: 10; order:1; }
	.headerContact p { justify-content: flex-end; }
}