/**
 * Theme Name:     Divi Child Theme V2
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child-theme-v2
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */


@font-face {
  font-family: "Icon-Font";
  src: url("/wp-content/uploads/2024/12/Icon-Font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* gleitende Schriftgrößen fuer Header */
.header-h1 h1 {
font-size: clamp(1rem, 3.5vw + 0.125rem, 2.75rem) !important; 
}


/* gleitende Schriftgrößen */
.custom-h1 h1 {
font-size:  clamp(1.375rem, 1.4vw + 1rem, 2rem) !important; 
}
.custom-h1a h1 {
font-size:  clamp(1.5rem, 2vw + 1rem, 2.25rem) !important; 
}
.custom-h1b h1 {
font-size:   clamp(2rem, 1.33vw + 1.5rem, 2.5rem) !important;
}
.custom-h1c h1 {
font-size:   clamp(2.25rem, 2.66vw + 1.25rem, 3.25rem) !important;	
}


.custom-h2 h2 {
font-size:  clamp(1.375rem, 1.4vw + 1rem, 2rem) !important; 
}
.custom-h2a h2 {
font-size:  clamp(1.5rem, 2vw + 1rem, 2.25rem) !important; 
}



.custom-promo-header .et_pb_module_header {
    font-size: clamp(1.375rem, 1.4vw + 1rem, 2rem) !important;
}

.custom-title-grid .digr_grid_title {
    font-size: clamp(1.375rem, 1.4vw + 1rem, 2rem) !important;
}
/*
.custom-h1 h1 {
font-size: clamp(1rem, 2vw, 1.4rem) !important;
}
*/

/* Schließen Icon beim Popup verändern */
#et-boc [data-da-area] .da-close-wrap .da-close {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 80px;
font-weight: 100;
}

/* Move the button to the top/right corner of the screen
#et-boc [data-da-area] .da-close-wrap {
 width: 100vw;
}*/


/* Navigationspfeile Slider dauerhaft sichtbar */
.et-pb-arrow-next {
opacity: 1;
right: 22px;
}
.et-pb-arrow-prev{
opacity: 1;
left: 22px;
}


/* Vertikales Zentrieren von Elementen */
.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}


/*richtige Ausrichtung der Bilder bei DG content girid */
@media only screen and (min-width: 768px) and (max-width: 1025px) {
    .digr_content_grid .digr_content_grid_container .digr_contentgrid_item_container {
        display: flex!important;
        flex-direction: column!important;
    }
}

/* *************************
 *  Klassen für den Header *
 * *************************/
/*  Unterstrich zum aktiven Menüelement der obersten Ebene hinzufügen */ 
.et-wolf-menu .et-menu-nav>ul>li.current-menu-item { 
    /*border-bottom: 4px solid #93d9f7;*/
} 

/* Unterstrich zu den Elementen der obersten Ebene hinzufügen, wenn ein aktives Untermenüelement vorhanden ist */ 
.et-wolf-menu .et-menu-nav>ul>li.current-menu-parent>a {
     /*border-bottom: 4px solid #93d9f7;*/
	color: #00335a !important;
}

/* Unterstrich unter aktives Untermenüelement */ 
.et-wolf-menu .et-menu-nav ul li.current-menu-parent>ul>li.current-menu-item>a { 
    /* border-bottom: 4px solid #93d9f7; */
}

/* Breite Innen Drop-Down-Menu*/
.et-menu li li a {
    padding: 6px 20px; 
    width: 260px;
}
/* Breite Aussen Drop-Down-Menu*/
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 300px;
}

/* Hamburger Menü deaktivieren */
.pg-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.pg-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
 
.pg-hide-mobile-menu .et_mobile_nav_menu {
display: none;
}

/* statt dem Suche Button eine Lupe anzeigen */
/*
.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}*/
.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}
.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
}
/* **** Ende der CSS Klassen für den Header  **** */

/*move and position the Text module over the center of the Image module*/
.pa-text-over-image > .et_pb_text {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -45%);
	z-index: 10;
	width: 100%;
	transition: opacity 0.3s ease-in-out;
	/*opacity: 0; remove comment for hover reveal effect*/
}
/*add an optional overlay over the image*/
.pa-text-over-image > .et_pb_image .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 9;
	transition: opacity 0.3s ease-in-out;
	opacity: 0.3; /*make this 0 for hover reveal effect*/
}
/*show overlay on image hover*/
.pa-text-over-image:hover > .et_pb_text {
	/*opacity: 1; remove comment for hover reveal effect*/
}
/*show text on image hover*/
.pa-text-over-image:hover > .et_pb_image .et_pb_image_wrap:before {
	/*opacity: 0.5; remove comment for hover reveal effect*/
}


/*move and position the Button module over the center of the Image module*/
.pa-button-over-image > .et_pb_button_module_wrapper {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -45%);
	z-index: 10;
	transition: opacity 0.3s ease-in-out;
	/*opacity: 0; remove comment for hover reveal effect*/
}
/*add an optional overlay over the image*/
.pa-button-over-image > .et_pb_image .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 9;
	transition: opacity 0.3s ease-in-out;
	opacity: 0.3; /*make this 0 for hover reveal effect*/
}
/*show button on image hover*/
.pa-button-over-image:hover > .et_pb_button_module_wrapper {
	/*opacity: 1; remove comment for hover reveal effect*/
}
/*show overlay on image hover*/
.pa-button-over-image:hover > .et_pb_image .et_pb_image_wrap:before {
	/*opacity: 0.3; remove comment for hover reveal effect*/
}


/*move and position the Call-To-Action module over the center of the Image module*/
.pa-text-button-over-image > .et_pb_promo {
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 100%;
	transition: opacity 0.3s ease-in-out;
	/*opacity: 0; remove comment for hover reveal effect*/
}
/*add an optional overlay over the image*/
.pa-text-button-over-image > .et_pb_image .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 9;
	transition: opacity 0.3s ease-in-out;
	opacity: 0.5; /*make this 0 for hover reveal effect*/
}
/*show overlay on image hover*/
.pa-text-button-over-image:hover > .et_pb_promo {
	/*opacity: 1; remove comment for hover reveal effect*/
}


/*show call-to-action on image hover*/

.pa-text-button-over-image:hover > .et_pb_image .et_pb_image_wrap:before {
	/*opacity: 0.5; remove comment for hover reveal effect*/
}

/* Adjust this scale factor to increase or decrease the zoom level */
/* 
.zoomImg:hover {
    transform: scale(1.2);
    transition: transform 0.3s ease-in-out;
}
*/


/* Nach oben Button Style 2*/
.et_pb_scroll_top.et-pb-icon {
    text-align: center;
    background: #efefef; /* Hintergrundfarbe */
    text-decoration: none;
    position: fixed;
    z-index: 99999;
    bottom: 125px;
    right: 0px;
    -webkit-border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border-radius: 50px;
    display: none;
    cursor: pointer;
    font-size: 35px; /* Icongröße */
    padding: 5px;
   
 margin-right: 20px;
 border: 1px solid #222222;
-webkit-box-shadow: 0px 0px 6px -1px rgba(148,148,148,0.7);
-moz-box-shadow: 0px 0px 6px -1px rgba(148,148,148,0.7);
box-shadow: 0px 0px 6px -1px rgba(148,148,148,0.7);
}
.et_pb_scroll_top:before {
    content: '6'; /* Icon im Button */
 color: #808080; /* Icon Farbe */
}

.digr_img_container {
	pointer-events: none;
}



.paypal-button.paypal-button-shape-rect {
        border-radius: 14px !important;
}