﻿/*
 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;
}


:root {
	--primary: #3aaae0;
	--secondary: #eab818;
	--dark: #707070;
	--grey: #F8F8F8;
	--titleFont: 'Outfit', sans-serif;
	--textFont: 'Outfit', sans-serif;
	--et_global_body_font: 'Outfit', sans-serif;
	--headerHeight: 100px;
	--content-width: 90%;
}

body { font-family: var(--textFont) !important; font-weight: 300; font-size:100%; color:var(--dark); }
h1, h2, h3, h4, h5 { font-family: var(--titleFont) !important; font-weight: 100; }
h1 { font-size: 400%; }
h2 { font-size: 300%; }
h3 { font-size: 200%; }
.iconText { display:flex; align-items: center; column-gap:8px; }

header { position: sticky; top:0; z-index: 100; }
header .et_pb_section { padding:0; }

header .et_pb_section .et_pb_column:nth-of-type(1) a { display: flex; justify-content: flex-start; align-items: center; width:auto; height:var(--headerHeight); }
header .et_pb_section .et_pb_column:nth-of-type(1) a img { width:auto; height:70%; }

header .et_pb_section .et_pb_column:nth-of-type(2) { display: flex; justify-content: center; align-items: center; }
.et_pb_search input.et_pb_s { border:1px solid var(--dark); border-radius:20px; font-size: inherit; color:inherit; font-weight: inherit; background-image: url('/wp-content/uploads/2025/11/search.svg'); background-size: auto 60%; background-repeat: no-repeat; background-position: right 10px center; }
.et_pb_search { border:none; width:100%; }
.et_pb_search_0_tb_header input.et_pb_searchsubmit { opacity: 0; position: absolute; width:11%; right:0; }

header .et_pb_section .et_pb_column:nth-of-type(3) { flex-direction: row; justify-content: flex-end; }
header .et_pb_section .et_pb_column:nth-of-type(3) > div { }
.socialHeader > div { display: flex; column-gap:8px; }
.socialHeader a { display: flex; flex-direction: row; justify-content: center; align-items: center; height:var(--headerHeight); }
.socialHeader a img { width:auto; height: 30px; }
.socialHeader a.youtube img { width:auto; height: 38px; }
.mobile_menu_bar { height:var(--headerHeight); display: flex; align-items: center; }
.et_pb_menu__wrap .mobile_menu_bar { transform: translate(0); }
.et_pb_module .mobile_menu_bar:before { top:0; }
.et_mobile_menu { position:fixed; top:var(--headerHeight) !important; height:calc(100vh - var(--headerHeight)); border:none; box-shadow: none; }
.et-l--header ul { list-style: none; padding:40px 0 0 0 !important; margin:0 !important; }
.et-l--header ul > li { display:flex; justify-content: center; }
.et-l--header ul > li > a { width:100%; max-width: 600px; font-size: 140%; }
.et_mobile_menu li a { color:var(--dark); border:none; font-size:100%; text-align: center; }
.et_mobile_menu li a:hover { background-color: transparent; color:var(--dark); opacity: 1; }

footer a { color:var(--dark); }
footer .et_flex_section > .et_pb_row { justify-content: space-between; }
footer > div > div > div > div.et_flex_column_6_24 { width:auto; }
footer > div > div > div > div:nth-child(2) { flex-grow: 0; }
footer > div > div > div > div.et_flex_column { display:flex; align-items: center; flex-direction: row; }
.socialFooter > div { display: flex; column-gap:8px; }
.socialFooter a { display: flex; flex-direction: row; justify-content: center; align-items: center; height:auto; }
.socialFooter a img { width:auto; height: 30px; }
.socialFooter a.youtube img { width:auto; height: 38px; }
footer .mobile_menu_bar { display: none; }
footer .et_mobile_menu { display: block; position: static; width:auto; height:auto; background-color: transparent; list-style: none; margin:0; padding:0 !important; }
footer .et_pb_menu_0_tb_footer.et_pb_menu { background-color: transparent; }
footer .et_mobile_menu li a { padding:5px 0; text-align: right; }

.cHeaderWrapper.et_pb_section { padding:0; }
.cHeader { position: relative; width:100%; height:80vh; }
.cHeader > img { width:100%; height:100%; object-fit: cover; object-position: center bottom; }
.cCaption { position: absolute; left:10%; bottom:30vh; width:90%; max-width: 1200px; }
.cText { font-size: 4vw; font-weight: 100; line-height: initial; color:#fff; text-transform: uppercase; }
.cFliesstext { font-size: 100%; font-weight: 100; color:#fff; max-width: 600px; }
.cFliesstext .cfTitle { font-size: 140%; margin:10px 0 20px 0; }
.cButton { background-color: #ffffff55; padding:15px 30px; border-radius: 25px; color:#fff; display: inline-flex; margin:20px 20px 0 0; }

.flexColumn > div { display: flex; align-items: center; column-gap:30px; }

@media screen and (max-width:8000px) {
	.et_pb_menu .et_mobile_nav_menu { float: none; margin: 0 6px; display: flex; align-items: center; }
	.et_pb_menu .et_pb_menu__menu { display: none; }
}

@media screen and (max-width:980px) {
	footer > div > div > div > div.et_flex_column:nth-of-type(1) { display: none; }
}

@media screen and (max-width:800px) {
	:root {
		--headerHeight: 60px;
		--content-width: 94%;
	}
	.et_pb_search input.et_pb_s { font-size: 80%; }
	header .et_flex_column_24_24_phone { width:auto; }
	header .et_flex_column_24_24_phone:nth-of-type(1), header .et_flex_column_24_24_phone:nth-of-type(3) { flex-grow: 5; }
	header .et_pb_section .et_pb_column:nth-of-type(2) { max-width: 200px; }
}

@media screen and (max-width:700px) {
	header .et_pb_section .et_pb_column:nth-of-type(2) { max-width: 150px; }
	.socialHeader a img { height:20px; }
	.socialHeader a.youtube img { height:28px; }
	.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before { font-size: 40px !important; }
	footer > div > div > div > div.et_flex_column { width:100%; justify-content: center; text-align: center; }
	footer .et_mobile_menu li a { text-align: center; }
	footer > div > div > div > div.et_flex_column .iconText { justify-content: center; }
}

@media screen and (max-width:600px) {
	header .et_flex_column_24_24_phone:nth-of-type(1) { flex-grow: 0; }
	header .et_flex_column_24_24_phone:nth-of-type(3) { flex-grow: 1; }
	header .et_flex_column_24_24_phone { column-gap:10px; }
	header .et_pb_section .et_pb_column:nth-of-type(1) a img { height:50%; }
}

@media screen and (max-width:500px) {
	header .et_pb_section .et_pb_column:nth-of-type(2) { display: none; }
}



