/*
 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
------------------------------------------------------- */
@font-face {
	font-display: swap;
	font-family: "Campton";
	font-weight: 300;
	src:url(/wp-content/themes/divi-child/fonts/campton/Campton-Light.otf) format("opentype");
}
@font-face {
	font-display: swap;
	font-family: "Campton";
	font-weight: 500;
	src:url(/wp-content/themes/divi-child/fonts/campton/Campton-Medium.otf) format("opentype");
}

@font-face {
	font-display: swap;
	font-family: "Campton";
	font-weight: 600;
	src:url(/wp-content/themes/divi-child/fonts/campton/Campton-SemiBold.otf) format("opentype");
}


@font-face {font-display: swap; font-family: 'Museo-700';src: url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_0_0.eot');src: url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_0_0.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_0_0.woff2') format('woff2'),url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_0_0.woff') format('woff'),url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_0_0.ttf') format('truetype');}
 
  
@font-face {font-display: swap; font-family: 'Museo-500';src: url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_1_0.eot');src: url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_1_0.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_1_0.woff2') format('woff2'),url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_1_0.woff') format('woff'),url('/wp-content/themes/divi-child/fonts/webfonts/37B3BE_1_0.ttf') format('truetype');}

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

.icon {
  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 {
	--headerHeight:150px;
	--headerHeightSticky:100px;
	--primary:#21395f;
	--secondary: #27a0d8;
}

#page-container {
	font-size: 100%;
	font-family: "Campton", 'Open Sans', sans-serif;
	color: #333;
	font-weight: 300;
	line-height: 1.5rem;
	padding-top:var(--headerHeight);
}
h1, h2, h3, h4, h5 {
	font-weight: 500;
	font-family: 'Museo-500';
	padding:0;
	color:var(--primary);
}
h1 { font-size: 320%; line-height: initial; margin:0 0 60px 0; }
h2 { font-size: 250%; line-height: initial; margin:50px 0 25px 0; }
h3 { font-size: 200%; line-height: initial; margin:40px 0 20px 0; }
h4 { font-size: 150%; line-height: initial; margin:30px 0 15px 0; }

.siteTitle { background-image: url('/wp-content/uploads/2025/07/bord.svg'); background-size:250px auto; background-repeat: no-repeat; background-position: center bottom; padding-bottom:30px; margin-bottom:30px; }
.siteTitle h1 { margin:0; text-align: center; }
.siteTitle h2 { font-family: "Campton", 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 200; font-size: 150%; margin:10px 0 0 0; text-align: center; }

#page-container #et-main-area .et_pb_section { padding:40px 0; }
#page-container #et-main-area .et_pb_row { padding:20px 0; }

#theme-builder-area--et_header_layout { display: none; }
a[href$=".pdf"] { display:inline-flex; align-items: center; column-gap:8px; }
a[href$=".pdf"] .icon { font-size: 220%; }
.noCookie { width:100%; background-color:#eeeeee; text-align: center; padding:40px 20px; margin:40px 0; }
.videoContainer { width:100%; display:flex; justify-content: center; }
.videoContainer iframe, .videoContainer video { width:100%; max-width: 960px; aspect-ratio:16/9; }

body.home { padding-top:0; }
header { position: fixed; width:100%; top:0px; z-index:50; }
.headerContainer { padding:0 2vw; background-color: transparent; transition:all .4s ease-in-out; }
.headerContainer > div { display:flex; column-gap:2%; max-height:none; }
.headerContainer > div > div, header .et_pb_gutters3 .et_pb_column, header .et_pb_gutters3.et_pb_row .et_pb_column { margin:0; }
.headerContainer > div > div:nth-of-type(1) { width:auto; }
.headerContainer > div > div:nth-of-type(1) > div > a > span { display:flex; height:var(--headerHeight); align-items:flex-start; transition:all .4s ease-in-out; padding-top:6%; order:1; }
.headerContainer > div > div:nth-of-type(1) img { width:auto; height:70%; }
.headerContainer > div > div:nth-of-type(2) { order:3; width:auto; }
.headerContainer > div > div:nth-of-type(3) {order:2; flex-grow:10; display: flex; justify-content: flex-end; }
.headerContainer > div > div:nth-of-type(3) > div > div { display:flex; column-gap:1vw;}
#menu-hauptmenu > li > a { font-size:220%; font-family:'Yanone Kaffeesatz'; font-weight:400; color:var(--primary); }
.et_pb_menu_0_tb_header.et_pb_menu ul#menu-hauptmenu > li.current-menu-item { background-color:var(--primary); }
.et_pb_menu_0_tb_header.et_pb_menu ul#menu-hauptmenu > li.current-menu-item > a { color:#fff; }
.et_pb_menu_0_tb_header.et_pb_menu .nav li.current-menu-item > ul {  }
.et-menu li li a { width:auto; }
.et_pb_menu .et_pb_menu__wrap { justify-content:flex-end; }
#menu-hauptmenu > li > a, .headerContainer > div > div:nth-of-type(3) a { padding:0; line-height:var(--headerHeight); transition:all .4s ease-in-out; display:flex; }
.headerContainer > div > div:nth-of-type(3) a, .headerContainer .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .headerContainer .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .headerContainer .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button, .headerContainer .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before { color:var(--secondary); font-size: 140%; }
.headerContainer > div > div:nth-of-type(3) a, .headerContainer .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button { /*background-color:var(--primary); line-height:calc(var(--headerHeightSticky) - 30px); height:calc(var(--headerHeightSticky) - 30px); padding:0 10px; margin:20px 0 0 0;*/ }
.js-is-sticky .headerContainer > div > div:nth-of-type(3) a, .js-is-sticky .headerContainer .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button { /*background-color:transparent; height:inherit; padding:0; margin:0;*/ line-height:var(--headerHeightSticky);  }
.headerContainer .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before { font-size: 250%; top:15px; }
.js-is-sticky .headerContainer { box-shadow:0 0 10px #ccc; background-color:#fff; }
.js-is-sticky #menu-hauptmenu > li > a { line-height:var(--headerHeightSticky); }
.js-is-sticky .headerContainer > div > div:nth-of-type(1) > div > a > span { height:var(--headerHeightSticky); }
.js-is-sticky .mobile_menu_bar { line-height:var(--headerHeightSticky); }
.mobile_menu_bar { line-height:var(--headerHeight); transition:all .4s ease-in-out; }
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li { margin:0; }
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu { position:fixed; left:0; width:100vw; top:var(--headerHeight); height:calc(100vh - var(--headerHeight)); transition:top .4s ease-in-out; overflow: scroll; padding:40px 0; }
.js-is-sticky .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu { top:var(--headerHeightSticky); height:calc(100vh - var(--headerHeightSticky)); }
.et_mobile_menu li a:hover, .nav ul li a:hover { background-color: transparent; opacity: 1; }
.et_mobile_menu .menu-item-has-children > a { background-color: transparent; }
header .mobile_nav ul { list-style: none; margin:0; padding:0; }
header .mobile_nav ul li { margin:0; padding:0; }
header .et_pb_menu .et_mobile_menu li ul { padding-left: 30px; }
header .et_mobile_menu li a { border:none; }
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a, .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a { font-weight: 400; }
header .et_pb_menu_0_tb_header.et_pb_menu ul li a { font-size:200%; font-weight:200; font-family: 'Museo-500'; margin-top:30px; }
header .et_pb_menu_0_tb_header.et_pb_menu ul li ul li a { font-size:150%; font-family: "Campton", 'Open Sans', sans-serif; margin-top:15px; }
header .et_pb_menu_0_tb_header.et_pb_menu ul li ul li ul li a { font-size:100%; font-family: "Campton", 'Open Sans', sans-serif; margin-top:0px; }
header .et_pb_menu_0_tb_header.et_pb_menu ul li ul { display: none !important; }
button.et_pb_menu__icon { margin:0 1vw 0 0vw}
footer { font-size:80%; }
footer .et_pb_section { padding:0 2vw; }
footer a, footer div, footer .et-menu a { color:#fff; }
footer .et_pb_menu .et_pb_menu__menu > nav > ul { flex-direction:column; }
footer .et_pb_menu .et_pb_menu__menu > nav > ul > li { justify-content:flex-end; }
footer .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a { padding:0; line-height:34px; }
footer .et_pb_gutters3 .et_pb_column_1_3 { width:32%; }
footer .et_pb_row { display:flex; flex-wrap:wrap; justify-content:space-between; }
footer .et_pb_column { float:none; }
footer .et_pb_column { display:flex; align-items:center; justify-content:center; }
footer .et_pb_column:nth-of-type(1) img { width:100px !important; }
footer .et_pb_column:nth-of-type(1) .et_pb_image_0_tb_footer { margin:0; }
footer .et_mobile_nav_menu { display:none !important; }
footer .et_pb_menu .et_pb_menu__menu { display:block; }
footer .et-menu li { font-size:inherit; }
.iconDrin { display:inline-flex; align-items:center; column-gap:8px; }

#page-container #et-main-area .et_pb_section.headerSlider { padding:0; }
.headerSlider .et_pb_row { padding:0; max-width:6000px; width:100%; }
.headerSlider .et_pb_slide { padding:0; height:80vh; }
.headerSlider .et_pb_slides .et_pb_container { display: flex; align-items:center; }
.headerSlider .et_pb_slides .et_pb_slider_container_inner { width:auto; background-image: url('/wp-content/uploads/2025/07/spitze.svg'); background-size:75px auto; background-repeat: no-repeat; background-position: center bottom; padding-bottom:40px; }
.headerSlider .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { width:100%; max-width:800px; padding:30px; margin:0; background-color:var(--primary); }
.headerSlider .et_pb_slide_content { font-size: 100%; }
.headerSlider .et_pb_slide_description .et_pb_slide_title { font-size:350% !important; margin-bottom:30px; }
.headerSlider .et_pb_slide_description .et_pb_slide_title { background-image: url('/wp-content/uploads/2025/07/bord.svg'); background-size:250px auto; background-repeat: no-repeat; background-position: center bottom; padding-bottom:30px; }

.et_pb_slider_fullwidth_off .et_pb_slide_description { margin:0 auto; }
.et_pb_bg_layout_dark.et_pb_slider_with_overlay .et_pb_slide_overlay_container { background: none; }
.et_pb_post_slider { padding-bottom:70px; }
.et_pb_slide_description .et_pb_slide_title { font-size: 200%; }

@media (max-width: 6000px) /* Hier den Wert anpassen */ {
	header .et_pb_menu .et_pb_menu__menu > nav { display: none; }
  .et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
    /* Weitere Anpassungen hier */
  }
}

@media (max-width: 980px) {
	:root {
		--headerHeight:100px;
		--headerHeightSticky:70px;
	}
	body { padding-top:var(--headerHeight); }
	.headerContainer > div > div:nth-of-type(2) { min-width: 100px; }
	.headerContainer > div > div:nth-of-type(1) img { height:90%; }
}
@media (max-width: 800px) {
	h1 { font-size: 280%; line-height: initial; margin:0 0 60px 0; }
	h2 { font-size: 210%; line-height: initial; margin:50px 0 25px 0; }
	h3 { font-size: 160%; line-height: initial; margin:40px 0 20px 0; }
	h4 { font-size: 130% ; line-height: initial; margin:30px 0 15px 0; }
	.siteTitle h2 { font-size: 120%; margin:10px 0 0 0; }
}

@media (max-width: 600px) {
	#page-container { font-size:90%; }
	h1 { font-size: 250%; line-height: initial; margin:0 0 60px 0; }
	h2 { font-size: 180%; line-height: initial; margin:50px 0 25px 0; }
	h3 { font-size: 130%; line-height: initial; margin:40px 0 20px 0; }
	h4 { font-size: 110% ; line-height: initial; margin:30px 0 15px 0; }
	.siteTitle h2 { font-size: 120%; margin:10px 0 0 0; }
}