<style type="text/css">
:root {
    --ug-accent-color: #5ba8ef;
    --ug-accent-color-blue: #5ba8ef;
    --ug-secondary-bg-color: #3576B2;
    --ug-bg-color: #13182a;
    --ug-bg-color-transparent: #13182a87; /* transparency: 87% */
    --ug-bg-color-transparent_2: #13182a4f; /* transparency:31% */
    --ug-bg-color-alt: #0A0D1B;
    --ug-bg-color-light: #F8F8F8;
    --ug-secondary-bg-color-transparent: #3576b287; /* transparency: 87% */
    --ug-button-hover: #007bef;
    --ug-button-hover-blue: #007bef;
    --ug-title-ultimates: uppercase; 
    --ug-slider-bg-bottom-line: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_line.png);
    /*        
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/bjj_sections_bg_v2.png);    
    */    
}

.UG_theme_blue {
    --ug-slider-bg-image: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_ripped_cropped.png);
}

.UG_theme_light_blue {
    --ug-secondary-bg-color: #5BA8EF;
    --ug-secondary-bg-color-transparent: #5BA8EF87; /* transparency: 87% */
    --ug-slider-bg-image: url(https://ultimategym.de/wp-content/uploads/2025/04/slider_bg_ripped_lightblue_cropped_2.png);    
}

.UG_theme_yellow {
    --ug-accent-color: #CCA94F;
    --ug-secondary-bg-color: #CCA94F;
    --ug-secondary-bg-color-transparent: #cca94f87; /* transparency: 87% */
    --ug-button-hover: #a8862f;
    --ug-slider-bg-image: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_ripped_cropped_yellow.png);
    --ug-slider-bg-bottom-line: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_yellow.png);
}

.UG_theme_red {
    --ug-accent-color: #B23535;
    --ug-secondary-bg-color: #B23535;
    --ug-secondary-bg-color-transparent: #b2353587; /* transparency: 87% */
    --ug-button-hover: #b11a22;
    --ug-slider-bg-image: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_ripped_cropped_red.png);
    --ug-slider-bg-bottom-line: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_line_red.png);
}

.UG_theme_green {
    --ug-accent-color: #5C8D58;
    --ug-secondary-bg-color: #5C8D58;
    --ug-secondary-bg-color-transparent: #5C8D5887; /* transparency: 87% */
    --ug-button-hover: #4a6e4a;
    --ug-slider-bg-image: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_ripped_cropped_green.png);
    --ug-slider-bg-bottom-line: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_line_green.png);

}

.UG_page_bjj_kids {
    --ug-title-ultimates: none;
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_overlay_bjj_kids_cropped-915x1024.png);
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/02/slider_bg_bottom_overlay_bjj_kids_3_cropped-937x1024.png);    
    --ug-section-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/02/bjj_kids_ultimates_2.png);    
    */
    
}

.UG_page_thai_kids {
    --ug-title-ultimates: none;
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_overlay_thai_cropped-609x1024.png);       
    --ug-section-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/thai-kids-section-bg-697x1024.png);    
}

.UG_page_krav_kids {
    --ug-title-ultimates: none;
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_overlay_krav_maga_cropped-846x1024.png);    
    --ug-section-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/krav-kids-section-bg-1024x894.png);    
}

.UG_page_krav {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_overlay_krav_adult_cropped-935x1024.png);    
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/krav-section-bg.png);
}

.UG_page_mma {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_overlay_mma_cropped-837x1024.png);    
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/03/slider_bg_bottom_overlay_mma.png);        
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/mma-section-bg.png);
}

.UG_page_arm {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/03/slider_bg_bottom_overlay_arm.png);
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/thai-section-bg.png);
}

.UG_page_box {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/03/slider_bg_bottom_overlay_boxen.png);    
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/thai-section-bg.png);
}

.UG_page_comp {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_overlay_competition_cropped-752x1024.png); 
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/03/slider_bg_bottom_overlay_competition-2.png);     
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/comp-section-bg.png);
}

.UG_page_fit {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/03/slider_bg_bottom_overlay_fitness.png);    
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/fit-section-bg-504x1024.png);
}

.UG_page_ult {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/03/slider_bg_bottom_overlay_fitness-1.png);    
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/fit-section-bg-1.png);
}

.UG_page_bjj {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/01/slider_bg_bottom_overlay_bjj_adult_cropped-931x1024.png);    
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/bjj_sections_bg_v2.png);
}

.UG_page_thai {
    /*
    --ug-slider-overlay-image-right: url(https://ultimategym.de/wp-content/uploads/2025/03/muay-thai-slider-bottom-860x1024.png);    
    */
    --ug-section-overlay-image-left: url(https://ultimategym.de/wp-content/uploads/2025/03/thai-section-bg.png);
}

.UG_slider_home {
    --ug-slider-bg-image: url(https://ultimategym.de/wp-content/uploads/2025/03/UG_Web-Header-kante-transparent.png);            
}

body.home {
    --ug-title-ultimates: none;
}

html {
    font-size: 16px; /* base for rem */
}

h2, h3, h4, h5 {
    font-weight: bold !important;
    text-transform: uppercase;
}

h2 {
	color: #fff;
    font-size: 3.9rem !important; /* 36px */    
}

.UG_section_light h2, 
.UG_section_light .UG_text,
.et_pb_toggle_content {
    color: #000;
}

.UG_team_section h2 {
    font-size: 3.7rem !important; /* 16-02-2025 - to fit "unser unltimatives trainerteam" in one row */
}

.UG_slider h2 {
    font-size: 3.7rem !important;
}


h3 {
	color: #fff;
    font-size: 2.5rem !important; /* 32px */
}

h4 {
	color: var(--ug-accent-color) !important;
    font-size: 1.8rem !important; /* 28px */
}

.UG_icon_title_h4 h4 {    
    font-size: 1.4rem !important;
}

h5 {	
    font-size: 1.3rem !important;
}

.UG_faq .et_pb_toggle_open h5,
.et_pb_toggle_open h5 {
    color: var(--ug-accent-color) !important; 
}

h6 {
    font-size: 1.15rem !important;
}

@media only screen and (max-width: 1260px) {    
    .UG_slider h2 { font-size: 2.8rem !important; }    
    .UG_icon_title_h4 h4 { font-size: 1.2rem !important; }           
}

@media only screen and (max-width: 980px) {
    h2, .UG_team_section h2 { font-size: 2.6rem !important; } /* Proportionally adjusted smaller font size for smaller screens */    
    h3 { font-size: 1.67rem !important; }
    h4 { font-size: 1.2rem !important; }
    .UG_slider h2 { font-size: 2.0rem !important; }
    .UG_icon_title_h4 h4 { font-size: 1.0rem !important; }     
}

@media only screen and (max-width: 767px) {
    h2, h3, h4 {
		/* Uniform smaller font size for mobile devices */
		/*
        font-size: 1.5rem; 
		*/
    }
	
    h2, .UG_team_section h2 { font-size: 2.6rem !important; } /* Proportionally adjusted smaller font size for smaller screens */
    h3 { font-size: 1.8rem !important; }
    h4 { font-size: 1.2rem !important; }	    
}

@media only screen and (max-width: 600px) {    
    .UG_icon_title_h4 h4 { font-size: 0.95rem !important; }       
}

@media only screen and (max-width: 479px) {    
    h2, .UG_team_section h2 { font-size: 2rem !important; }      
}

@media only screen and (max-width: 410px) {
    h3 { font-size: 1.5rem !important; }
}


.UG_h2_ultimates h2, .UG_h3_ultimates h3, .UG_h4_ultimates h4, .UG_h5_ultimates h5 {
	text-transform: var(--ug-title-ultimates) !important; /* Sonderfall kombination aus Gross/Kleinbuchstaben "UltiMAtES" */
}

.UG_h3_ultimates a:hover,
.UG_h2_ultimates a:hover {
    text-decoration: underline;
}

.UG_h3_description h3, .UG_slider_address_mobile h4  {
	color: var(--ug-accent-color) !important;
}

.UG_no_padding_bottom {
    padding-bottom: 0 !important;
}

.UG_no_padding_top {
    padding-top: 0 !important;
}

.UG_center {
    text-align: center !important;
}

.UG_left {
    float: left !important;
}

.UG_right {
    float: right !important;
}

.UG_locations_buttons .et_pb_button_module_wrapper:first-of-type {
    float: left;
}

@media (max-width: 980px) {
    .UG_no_padding_bottom_mobile {
        padding-bottom: 0 !important;
    }
    
    .UG_no_padding_top_mobile {
        padding-top: 0 !important;
    }

    .UG_mini_padding_top_mobile {
        padding-top: 30px;
    }
}

.UG_title_separator:after {
    content: "";
    position: absolute;
    left: 0%;    
    bottom: -10px;
    width: 70px;
    border-bottom: 3px solid var(--ug-secondary-bg-color);
}

.UG_title_separator_centered:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 70px;
    border-bottom: 3px solid var(--ug-secondary-bg-color);    
}

.UG_section {
	background: var(--ug-bg-color); /* primary bg color for sections */
}

.UG_section_dark {
    background: var(--ug-bg-color-alt);
}

.UG_section h2, .UG_section h3, .UG_section h5 .UG_section h6,
.UG_section .UG_text {
    background: var(--ug-bg-color-transparent_2);
    display: inline-block;
}

.UG_section h4 {
    background: var(--ug-bg-color-transparent);
    display: inline-block;
}

@media (min-width: 1100px) {
    .UG_extra_padding .et_pb_row:not(.UG_section_title) {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 479px) {
    .UG_hide_mobile {
        display: none;
    }
}

@media (min-width: 480px) {
    .UG_hide_tablet_small {
        display: none;
    }
}

@media (max-width: 767px) {
    .UG_hide_tablet {
        display: none;
    }
}

@media (min-width: 768px) {
    .UG_hide_laptop_small {
        display: none;
    }
}

@media (max-width: 980px) {
    .UG_hide_laptop {
        display: none;
    }
}

@media (min-width: 981px) {
    .UG_hide_desktop {
        display: none;
    }
}

.UG_hide {
    display: none;
}

.admin-bar.et-fb .UG_hide_mobile,
.admin-bar.et-fb .UG_hide_tablet_small,
.admin-bar.et-fb .UG_hide_laptop_small,
.admin-bar.et-fb .UG_hide_laptop,
.admin-bar.et-fb .UG_hide_desktop {
    display: block; /* when editing pages always show all */
}

.UG_section_light {
    background: #F8F8F8;    
}

.UG_section_colored {
    background: var(--ug-secondary-bg-color); /* page specific bg color for sections */
}
	
.UG_section_colored .UG_4_column .et_pb_blurb_description, .UG_section_colored .UG_4_column .et_pb_module_header {
    /* if images are appear behind text, this transparent bg is used */
    background: var(--ug-secondary-bg-color-transparent);
    display: inline-block;
}

.UG_footer {
	background: var(--ug-secondary-bg-color); /* secondary bg color */
    background: var(--ug-bg-color); /* primary bg color */
    border-top: 1px dashed var(--ug-bg-color);
}

.UG_footer_row .et_pb_blurb_content {
    margin: 0; /* Abstand von links entfernen */
}

/* initially 3 columns will not be stacked on mobile, but shown in the same line */
/*
.UG_footer_row {
    display: flex; 
    justify-content: space-between;
}
*/

.UG_footer_menu, .UG_footer_menu .et_pb_menu {
    background: var(--ug-bg-color-alt); /* secondary bg color */
    background-color: var(--ug-bg-color-alt) !important;
}

.UG_footer_menu .et_pb_menu li:not(:last-child) {
    border-right: 1px solid #555555;    
}

.UG_footer_menu .et_pb_menu  nav > ul > li > a {
    padding-bottom: 4px !important;
    padding: 0 5px;
}

.UG_footer_menu a {
    color: #fff;
}

.UG_footer_menu .et_pb_row {
    padding: 10px 0;
}

.UG_footer_menu .et_pb_menu__wrap {    
    justify-content: left !important;
}

.UG_footer_menu .et_pb_menu__menu {    
    display: block !important; /* desktop footer menu immer anzeigen */
}

.UG_footer_menu .et_mobile_nav_menu {    
    display: none !important; /* mobiles footer menu ausblenden */
}



.UG_footer_copyright {
    background: var(--ug-bg-color-alt);
    /* border-top: 1px solid var(--ug-bg-color); */
}

.UG_slider:not(.UG_slider_home) .et_pb_slide {
    background-size: contain;
    background-image: var(--ug-slider-bg-image) !important;
}

.UG_slider_home .et_pb_slide::after {
    background-size: contain;
    background-image: var(--ug-slider-bg-image) !important;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: right;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; 
}

.UG_slider_home .et_pb_slide {
    background-size: cover;    
}

.UG_slider .et_pb_text_overlay_wrapper {
    /* Position vom Haupttext im Slider */    
	width: 80%;     
	max-width: 800px;
	border-left: 12px solid var(--ug-accent-color);
	/* z-index: 99999; */
}

.UG_slider .et_pb_container {
    /* Abstand vom Haupttext im Slider */ 
    /* gleiche Einstellung wie im Header, um den Abstand vom linken Rand gleichzuhalten */
    width: 80%;
    max-width: 1080px;
    margin: auto;
}

.UG_slider .et_pb_slide, .UG_slider .et_pb_container, .UG_slider .et_pb_slide_description {
    padding-left: 0px;
    padding-right: 0px;
}
		
@media only screen and (max-width: 1100px) {
    .UG_slider:not(.UG_slider_home) .et_pb_slide {
        background-size: cover;   
        background-image: var(--ug-slider-bg-image) !important;     
    }

    .UG_slider_home .et_pb_slide::after {
        background-size: cover;
        background-image: var(--ug-slider-bg-image) !important;
    }    
}

@media only screen and (max-width: 767px) {
	.UG_slider .et_pb_text_overlay_wrapper {
		width: 90%; /* Position vom Haupttext im Slider Mobile Ssicht */		
		/* z-index: 99999; */
	}
}
	
.UG_slider_bottom_bg_line {
	height: 4px;
}

.et-pb-slider-arrows a {
    /* slider arrows */
    color: var(--ug-accent-color) !important;    
}

/*
.UG_slider_bottom_bg_line {
    background-size: contain;
    background-image: var(--ug-slider-bg-bottom-line) !important;
}
*/

.UG_slider_bottom_bg_line {
    /* alternative to displaying dashed border as bg image */
    border-top: 8px dashed transparent; /* Reduce from 6px to 3px */
    border-image: repeating-linear-gradient(
    to right,
    var(--ug-secondary-bg-color) 0px,
    var(--ug-secondary-bg-color) 30px, /* Dash length */
    transparent 30px,
    transparent 50px /* Space between dashes */
    ) 1;
}

.UG_page_other .UG_slider_bottom_bg_line {
    /* auf sonstigen Seiten die Farbe auf weiß ändern */
    border-image: repeating-linear-gradient(
    to right,
    #fff 0px,
    #fff 30px, /* Dash length */
    transparent 30px,
    transparent 50px /* Space between dashes */
    ) 1;    
}

.UG_slider_bottom_overlay, .UG_slider_bottom_overlay .UG_slider_bottom_image, .UG_section_image_overlay_right, .UG_overlay_bottom_image_right {
	height: 1px;
	z-index: 1; /* fix image showing behind some slider elements */
}

.UG_slider_bottom_overlay img {
    content: var(--ug-slider-overlay-image-right);
}

.UG_section_image_overlay_right img {
    content: var(--ug-section-overlay-image-right);
}

.UG_slider_bottom_overlay .UG_slider_bottom_image {
    position: relative;
    top: -250px; 
    text-align: right;       
}

.UG_slider_bottom_overlay .UG_slider_bottom_image img {
    max-height: 500px;
    width: auto;
    height: auto;    
}

.UG_page_bjj_kids .UG_slider_bottom_overlay .UG_slider_bottom_image {
    position: relative;
    top: -150px;
}

.UG_page_bjj_kids .UG_slider_bottom_overlay .UG_slider_bottom_image img {
    max-height: none;
}

.UG_page_bjj_kids .UG_section_image_overlay_right .UG_overlay_bottom_image_right {
    position: relative;
    top: -80px;
}

.UG_section_image_overlay_right .UG_overlay_bottom_image_right {
    position: relative;    
    text-align: right;      
}

.UG_section_image_overlay_right .UG_overlay_bottom_image_right img {
    max-height: 350px;
    width: auto;
    height: auto; 
}

@media only screen and (max-width: 479px) {
    .UG_slider_bottom_overlay .UG_slider_bottom_image, .UG_section_image_overlay_right .UG_overlay_bottom_image_right {
        position: relative;
        top: -80px !important;
        height: auto;
        margin-bottom: -140px !important;        
    }

    .UG_slider_bottom_overlay, .UG_slider_bottom_overlay .UG_slider_bottom_image, .UG_section_image_overlay_right, .UG_section_image_overlay_right .UG_overlay_bottom_image_right {
        height: auto;
        padding: 0;
    }    
}

@media screen and (min-width: 480px) and (max-width: 980px) {
    .UG_slider_bottom_overlay, .UG_section_image_overlay_right {        
        /* tablet not working */   
        display: none; 
    }
}

.UG_section_image_overlay_left:after {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: var(--ug-section-overlay-image-left) !important;
    position: absolute;
    bottom: 0;
    content: '';
    HEIGHT: calc(100% + 30px);
    width: 100%;
    background-position: left bottom;
    background-position: calc((100vw - min(1080px, 80vw)) / 2) bottom; /* add same margin-left as for the normal content, taking default settings of max-width 1080px and max-width: 80% */
}

@media (max-width: 1100px) {
    .UG_section_image_overlay_left:after, .UG_section_image_overlay_left .et_pb_column_empty {
        display: none; /* remove empty column and space from left, as well as overlay image */
    }
}

@media (min-width: 768px) {
    .UG_section_image_overlay_left .UG_title_with_icon {
        padding-left: 60px; /* spacing for bullet points under quote on bigger screens */
    }
}

.et_pb_button {
    background-color: var(--ug-accent-color) !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.42); /* shadow for the default call to action button "Starte jetzt */
    color: #fff;
}

.et_pb_button:hover {
    background-color: var(--ug-button-hover) !important;
}

.et_pb_button {
    font-size: 1.3rem;
}

.UG_button_blue.et_pb_button {
    background-color: var(--ug-accent-color-blue) !important;

}

.UG_button_blue.et_pb_button:hover {
    background-color: var(--ug-button-hover-blue) !important;
}

.UG_button_dark_blue.et_pb_button {
    background-color: var(--ug-bg-color) !important;

}

.UG_button_dark_blue.et_pb_button:hover {
    background-color: var(--ug-button-hover-blue) !important;
}

.UG_button_neutral.et_pb_button {
    background-color: transparent !important;
    border: 1px solid white !important;

}

.UG_section_light .UG_button_neutral.et_pb_button {
    background-color: var(--ug-bg-color) !important; 
}

.UG_button_neutral.et_pb_button:hover {
    background-color: var(--ug-button-hover-blue) !important;
}


@media (max-width: 767px) {
    .UG_button {
        font-size: 1.3em !important;            
        text-align: center !important;
    }
}


@media (max-width: 560px) {
    .UG_button {
        font-size: 1em !important; /* "Jetzt Probetraining Vereinbaren" wird in einer Zeile angezeigt, aber klein */
        font-size: 1.2em !important;
        text-align: center !important;
    }
}


.UG_text,
.UG_blog_post .et_pb_post_content {
    text-align: justify !important;
}

@media (max-width: 767px) {
    .UG_text {
        text-align: left !important;
    }
}

.UG_text_half_width {
    max-width: 488px;
}

@media (min-width: 980px) {
    .UG_icon_title_half_width {
        flex-basis: 40% !important; /* deprecated: used with UG_text_half_width on text that comes before buleet poitns. Instead of using two columns, we use one column, and limit width on big screen */
    }
}

@media only screen and (max-width: 980px) {
    .UG_text_crop_text_tablet {
        max-width: 560px;
    }   
}


.UG_checkmark {
    color:var(--ug-secondary-bg-color);
}

.UG_header_slider {
    background-color: var(--ug-bg-color) !important;    
    background-image: url(https://ultimategym.de/wp-content/uploads/2025/03/kurse_section_bg.jpg) !important;        
}

.UG_header_slider .et_pb_fullwidth_header,
.UG_header_slider .et_pb_post_title {
    background-color: rgba(10, 1, 1, 0.62);
    background-color: rgb(0 10 25 / 82%) !important;
}

.UG_header_slider .header-content, .UG_header_slider .et_pb_title_container {
    text-align: center !important;
}

.single-post .UG_header_slider,
.UG_header_slider .et_pb_post_title {
    padding: 0;
}

.UG_header_slider .et_pb_title_container {
    padding: 40px 0;
}

/* Main Menu Bug Fix Broken on Smaller width */
@media only screen and (max-width: 1250px) {
    .et_fixed_nav #et-top-navigation {
        padding-left: 0;
    }
}
@media only screen and (max-width: 1218px) {
    .et_fixed_nav #et-top-navigation {
        padding-left: 380px;
    }
}
/* Main Menu Bug Fix Broken on Smaller width ENDE */

/* Main Menu */
#top-menu li li a {
    padding: 6px 20px;
    width: 300px; /* link width in submenu */
}
.nav li ul.sub-menu {
    width: 340px; /* sub menu width */
    right: -60px; /* make space for new width */
}
/* Main Menu END */

.menu-item-1008 a {
    text-transform: none !important; /* Mischung aus Gross/Kleinbuchstaben erlauben für UltiMATES */
}

/* Sub Menu Kurse - Divider */
.menu-item-1008,
.menu-item-1221 {
    position: relative;
    
}
.menu-item-1008::before, 
.menu-item-1221::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    border-top: 1px solid #7e7b7b;
    z-index: 1;
}
.menu-item-1008::after, 
.menu-item-1221::after {    
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ccc;
    background: var(--ug-bg-color); /* match your menu background */
    padding: 0 10px;
    z-index: 2;
    font-weight: 300;
    font-size: 0.8rem;
}

.menu-item-1008::after {
    content: "3 - 14 Jahre";
}

.menu-item-1221::after {
    content: "Erwachsene";
}

#mobile_menu .menu-item-1008::after,
#mobile_menu .menu-item-1221::after {    
    font-size: 12px;
}

#mobile_menu .menu-item-1008::before, 
#mobile_menu .menu-item-1221::before {
    left: 10%;
    right: 10%;
}

.menu-item-1221 {
    margin-top: 10px !important;
}
/* Sub Menu Kurse - Divider END */
  

/* Probetraining vereinbaren - Blaue Umrandung */
#top-menu .menu-item-1260 a {
    position: relative;
    display: inline-block;
}
  
#top-menu .menu-item-1260 a::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -10px;
    right: -10px;
    bottom: 44%;
    border: 2px solid #5ba8ef;
    pointer-events: none;
}

.et-fixed-header #top-menu .menu-item-1260 a::before {
    bottom: 40%;
}
/* Probetraining vereinbaren - Blaue Umrandung ENDE */


#top-menu .menu-item-1838, #top-menu .menu-item-1840 {
    display: none; /* Mobil ausblenden */
}

#mobile_menu .menu-item-1840 ~ li {
    display: none; /* mobile menu hide all menu items that come after 1840, hide all secondary menu items */
}

/* make mobile menu scrollable on smaller devices */
#mobile_menu {
    overflow-y: auto;
    max-height: 80vh;
}

#top-header {
    padding-right: 20px;
}

/* Menu früher ausblenden, wenn alles nicht in eine Zeile passt */
@media (max-width: 1271px) {
    #top-menu, #top-header {
        display: none;
    }
    #et_mobile_nav_menu {
        display: block;
    }    
}
/* Menu ENDE */
</style>

<style type="text/css">
.UG_title_with_icon {
    display: flex; /* Align children (hexagon and text) horizontally */
    align-items: center; /* Align children vertically in the center */
    /* Background color for the row */
    /*
    background-color: var(--ug-bg-color); 
    */
    padding-bottom: 0px !important; /* Abstand zum Haupttext */
}


.UG_title_with_icon_padding_top {
    padding-top: 3rem;
}

@media only screen and (max-width: 980px) {
    .UG_title_with_icon_padding_top {
        padding-top: 1.7rem;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1600px) {
    .UG_quote_title_padding_left {
        padding-left: 100px !important;
    }

    .UG_title_with_icon_padding_left {
        padding-left: 140px !important;
    }    
}

.UG_hexagon {
    position: relative;
    width: calc(4rem / 1.21); /* Example base width */
    height: 4rem; /* Dynamically set height */
    background-color: var(--ug-accent-color);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    justify-content: center; /* Centers text horizontally */
    align-items: center; /* Centers text vertically */
    margin-right: 15px; /* Adds spacing between hexagon and text */
    color: white; /* Text inside the hexagon color */
    font-size: 2.2rem; /* Text size */
    font-weight: 400;
}

.UG_hexagon_rotate {
    width: 4rem; /* Example base width */
    height: calc(4rem / 1.21); /* Dynamically set height */    
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    justify-content: right;
}

.UG_hexagon_rotate p {
    line-height: 1;
    transform: scale(1.4, 4.9);
    font-size: 1rem;
    padding-right: 0.6rem;
    font-weight: 800;
    font-family: emoji;
}

.UG_hexagon_bracket {
    /* show bulletpoin bracket on the right with offset 8px offset from top,bottom and ca. same offset from the right */
    background-image: url(https://ultimategym.de/wp-content/uploads/2025/03/bulletpoint_bracket.png);
    background-size: auto calc(100% - 16px);
    background-position: right 10px top 8px;
    background-repeat: no-repeat;    
}

.UG_quote_title h3 {
    font-weight: 200 !important;
}
.UG_quote_title .et-pb-icon {
    color: var(--ug-accent-color) !important;
}

.UG_icon_title_h4 h4 {
    font-weight: 500 !important;    
}

.UG_title_with_icon h3, .UG_title_with_icon h4 {
    margin: 0; /* Removes default margin for heading */
    padding: 0;
    display: flex;
    align-items: center; /* Ensures inline alignment of the description */
}

.UG_icon_title_h4 {
    display: flex;
    flex-basis: 80%;
}

.UG_h3_description {
    margin-left: 10px; /* Adds space between the title and description */
}

.UG_title_with_icon .et_pb_column:not(.et_pb_column_empty) {
    display: flex;
    align-items: center; /* Aligns title and description on the same line */
    flex-direction: row; /* Ensures elements are in one row */
    flex-wrap: wrap;
    margin-bottom: 0;
}

.UG_hexagon, .UG_h3_description, .UG_icon_title, .UG_icon_title_h4 {
    margin-bottom: 0 !important;
} 

/*
@media only screen and (max-width: 600px) { 
*/
@media only screen and (max-width: 1100px) {
	.UG_h3_description {
		flex-basis: 100%; /* sicherstellen, dass beim wrappen der Text unter dem zweiten Element (Titel) angezeigt wird */
        margin-left: calc(4rem / 1.21 + 15px);
	}

    .UG_icon_title_h4 {
		max-width: 70%;
	}        
}

.UG_text_numbered_list {
    margin-left: calc(4rem / 1.21 + 15px);
    
}

.UG_text_numbered_list::before {
    content: '';
    position: absolute;
    top: -10px;
    left: calc((-1*(4rem / 1.21)) / 2 - 15px - 4px);
    right: 0;
    bottom: -10px;
    border-left: 8px dashed var(--ug-secondary-bg-color);
    z-index: -1;
}

.UG_text_numbered_list_no_border::before {
    display: none;
}
</style>

<style type="text/css">
/* Use Fontawesome in code */
.UG_fa {
    font-family: FontAwesome !important; 
    font-size: 1em !important;
}

.UG_fa_2 {
    font-weight: 900 !important;
}

.UG_fa_heart {
    color: #e31b23; /* footer heart */
}


/*
.UG_team_section {
    background-size: contain;
    background-image: url(https://ultimategym.de/wp-content/uploads/2025/03/logo-bg-trainer-section_v3-1024x681.png) !important;
    background-repeat: no-repeat;
    background-position: center;    
}
*/

.UG_team_section::before {
    /* go beyond section before and section after */
    content: "";
    position: absolute;
    top: -40px;
    left: 0px;
    right: 0px;
    bottom: -40px;
    background: url(https://ultimategym.de/wp-content/uploads/2025/03/logo-bg-trainer-section_v3-1024x681.png) no-repeat center;
    background-size: contain;  
    z-index: 1;  
}

@media (max-width: 1500px) {
    .UG_team_section::before {
        display: none;
    }
}

/* Team / 3 Items ripped */
.UG_ripped_items .et_pb_blurb_content {
    background: var(--ug-bg-color);
}

.UG_section .UG_ripped_items .et_pb_blurb_content {
    background: var(--ug-bg-color-alt); /* alternativer Farbe, wenn die Sektion bereits --ug-bg-color, verwendet */
}

.UG_single_item .et_pb_blurb_content {
    background: var(--ug-bg-color-alt);
}


.UG_ripped_items .et_pb_module_header, .UG_ripped_items .et_pb_blurb_description {
    text-align: center;
}

.UG_motivation_items .et_pb_module_header {
    padding-left: 10px; /* Damit langer Titel nicht am Rand klebt */
    padding-right: 10px;
    padding-top: 15px;
}

.UG_motivation_items .et_pb_blurb_description {
    text-align: left;
}

.UG_ripped_items .et_pb_main_blurb_image {
    margin-bottom: 30px;   
}

.UG_section_location .UG_ripped_items .et_pb_main_blurb_image {
    margin-bottom: 60px;   
}

.UG_motivation_items  .et_pb_module_header {   
    min-height: 70px;
}

.UG_ripped_items .et_pb_blurb_description {    
    color: #fff;
    font-size: 0.80rem;
    line-height: 1.6em;
    padding: 30px;   
    padding-top: 0px;    
    min-height: 90px;
} 

.UG_course_section .UG_ripped_items .et_pb_blurb_description {        
    min-height: 185px;
    padding-top: 0px;
}

@media screen and (min-width: 982px) and (max-width: 1360px) {
    .UG_course_section .UG_ripped_items .et_pb_blurb_description {        
        min-height: 285px;  /* fix laptop, as the text get stacked, the boxes have different height, we increase the height */
    }
    
    .UG_ripped_items.UG_team_items .et_pb_blurb_container {
        min-height: 160px;
    }   

    .UG_blog_post_cards  .entry-title {
        min-height: 100px;
    }
}

.UG_course_section .UG_text_course_location {
    text-align: center;
    color: var(--ug-accent-color);
    font-weight: 500;
    white-space: nowrap;
    position: relative;
    top: -20px;
}

.UG_course_section .UG_ripped_items .et_pb_main_blurb_image,
.UG_course_section .UG_ripped_items .et_pb_main_blurb_image img {
    width: 100%;
    height: 100%;
    object-fit: fill; /* on tablet the container is larger than the image, fill the container with the image */
}


.UG_course_section .UG_ripped_items img {
    filter: sepia(25%) saturate(80%) brightness(95%); /* filter damit alle mehr oder weniger gleich aussehen */
    transition: filter 0.3s ease;
}
   
.UG_course_section .UG_ripped_items img:hover {
    filter: none;
}

.UG_team_items .et_pb_blurb_description,
.UG_team_mobile_slider .et_pb_slide_content,
.UG_single_item .et_pb_blurb_description {
    color: var(--ug-accent-color); /* Trainer beschreibung */
}

.UG_ripped_items .et_pb_main_blurb_image {
    position: relative; /* Ensures that the child elements are positioned relative to this container */
}

/* Papier Kante v1 */
/*
.UG_ripped_items .et_pb_main_blurb_image::after,
.UG_team_mobile_slider .et_pb_slide_image::after,
.UG_blog_post .et_pb_title_featured_container::after, 
.UG_blog_post_cards .et_pb_image_container::after,
.UG_news_slider .et_pb_slide_image::after,
.UG_single_item_image_only.et_pb_image::after  {
    content: "";
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    bottom: -12%;
    background-image: url(https://ultimategym.de/wp-content/uploads/2025/01/trainer_image_bottom_bg_overlay.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    pointer-events: none;
    transform: rotate(358deg);
    bottom: -14%;
}
.UG_courses.UG_ripped_items .et_pb_main_blurb_image::after {
    top: 60%;    
    bottom: -16%;
    transform: rotate(358deg);
}

.UG_blog_post_cards .et_pb_image_container::after {    
    top: 60%;    
}

.UG_blog_post .et_pb_title_featured_container::after {    
    top: clamp(40%, calc(100% - 20vw), 70%);
}
*/
/* Papier Kante v1 ENDE */

/* Papier Kante v2 */
.UG_ripped_items .et_pb_main_blurb_image::after,
.UG_team_mobile_slider .et_pb_slide_image::after,
.UG_blog_post .et_pb_title_featured_container::after, 
.UG_blog_post_cards .et_pb_image_container::after,
.UG_news_slider .et_pb_slide_image::after,
.UG_single_item_image_only.et_pb_image::after  {
    content: "";
    position: absolute;    
    left: 0;
    right: 0;    
    background-image: url(https://ultimategym.de/wp-content/uploads/2025/03/Papierkante_v2.png);
    background-repeat: no-repeat;
    background-size: contain;    
    background-position: left;
    opacity: 1;
    pointer-events: none;
    width: auto;        
    bottom: 0px;
    top: 0px;
    bottom: -50%;
}

.UG_courses.UG_ripped_items .et_pb_main_blurb_image::after {      
    bottom: -26%;   
}

.UG_blog_post_cards .et_pb_image_container::after {    
    bottom: -20%;
}

.UG_blog_post .et_pb_title_featured_container::after {    
    top: 11%; /* works if img does not have max-height set */
}

@media (min-width: 768px) {
    .UG_blog_post .et_pb_title_featured_container img { 
        max-height: 400px !important; 
    }

    .UG_blog_post .et_pb_title_featured_container::after { 
        /*  if img have max-height set */  
        background-size: cover; 
        top: -40%;
        bottom: -7%;
    }
}
/* Papier Kante v2 ENDE */

/* Team END */

/* Team mobile */
.UG_team_mobile_slider .et_pb_slider {
    background: var(--ug-bg-color);
}


.UG_team_mobile_slider .et_pb_slide_image {
    display: block !important;    
    position: relative !important;
    width: 100% !important;                
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
}

.UG_team_mobile_slider .et_pb_slide_image img {
    max-height: none !important;
    width: 100% !important;
}


.UG_team_mobile_slider .et_pb_slide {
    padding: 0 !important;
}

.UG_team_mobile_slider .et_pb_slide_description {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
}

.UG_team_mobile_slider .et_pb_container {
    height: auto !important;
}

@media (min-width: 768px) {
    .UG_team_mobile_slider .et_pb_container {
        height: 800px !important; /* fix slider specific screen width */
    }
}

/* Team mobile END */

/*
.UG_section_button_only {
     text-align: center; 
}
*/

/* Section with 4 Icons */
@media (max-width: 479px) {
    .UG_icons_section .et_pb_blurb_content, .UG_icons_section .et_pb_blurb_content div {
        text-align: center !important; /* center icon, title, text on mobile only */
    }
}
/* Section with 4 Icons END */

/* Customer Feedback Slider */
.UG_customer_feedback_slider {
    overflow: visible !important; /* make avatar image that goes beyond slider visible */
}
.UG_customer_feedback_slider::after  {
    content: "";  /* Necessary for the pseudo-element to display */
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    bottom: -28%;
    background-image: url(https://ultimategym.de/wp-content/uploads/2025/03/feedback_image_bottom_bg_overlay.png);
    background-size: contain;  /* Ensures the image fits within the container, might show some space */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the background image within the element */
    opacity: 1;  /* Adjust opacity according to your preference */
    pointer-events: none; /* Allows interaction with elements under the overlay */
}

.UG_customer_feedback_slider .et_pb_slide_title {
    background: var(--ug-bg-color-light);     
    background: #fff !important;
}

.UG_customer_feedback_slider .et_pb_slide_content {
    color: #000 !important; 
}

.UG_customer_feedback_slider, .UG_customer_feedback_slider .et_pb_slide  {
    background: var(--ug-bg-color-light) !important;
    background: #fff !important;
}

.UG_customer_feedback_slider .et_pb_slide_image, .UG_customer_feedback_slider .et_pb_slide_image img {
    width: 150px;  
    height: 150px; 
    object-fit: cover;
    border-radius: 50%;    
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important; /* show on mobile too */
}

.UG_customer_feedback_slider .et_pb_slide_image {    
    position: relative !important;
    margin: 0 auto 0 !important;
    left: 0 !important;
    top: -50px !important;
}

.UG_customer_feedback_slider .et_pb_slide_description {
    width: 100%;            
    padding-bottom: 8%;
    padding-top: 8%;
    margin-top: -25px !important;
    text-align: center;
}

.UG_customer_feedback_slider .et_pb_slide_content {
    padding-bottom: 8%;
}

.UG_customer_feedback_slider .et_pb_button_wrapper {
    margin-top: 5%;
}

.UG_customer_feedback_slider .et_pb_slider_container_inner {
    display: block !important; /* fix space from top before the image */
}

.UG_customer_feedback_slider::before {
    content: ""; /* quote icon anzeigen */
    position: absolute;
    top: -20px;
    left: 20px;
    right: 0;
    bottom: 0;
    pointer-events: none;
    font-family: FontAwesome !important;
    font-weight: 900 !important;
    font-size: 3rem;
    color: var(--ug-accent-color) !important;
    z-index: 3;
}

@media (max-width: 767px) {
    .UG_customer_feedback_slider .et-pb-controllers {        
        bottom: 3% !important;        
    }
}
/* Customer Feedback Slider END */

.UG_section_quick_info  .et_pb_image_wrap {
    border: 2px dashed var(--ug-accent-color);
}

.UG_course_column_right_image {
    /* text-align: right !important; */
    text-align: center !important;
}

.UG_course_column_right_image img {
    /* make image quadratic with border */
    border-radius: 20px;
    height: 150px;
    width: 150px;
    object-fit: cover;
}

@media only screen and (max-width: 980px) {
    .UG_course_column_right_image {
        /* display: none; */
        text-align: center !important;
    }
}

@media (min-width: 981px) {
    .UG_right_column_single_motivation .et_pb_blurb_content {
        /* Making block smaller, so that it will be as height as text in the left column */
        max-width: 350px;
        margin-left: auto !important;
        margin-right: 0px !important;        
    }
    
    .UG_image_col_right .et_pb_image_wrap {
        /* image in the right column will be at the height of the title that comes before two columns */
        top: -100px;
    }
}

/* Gallery */
.UG_gallery .et_pb_gallery_item {
    margin: 0 !important; /* remove gap between gallery images */
}

.UG_gallery .et_pb_column_4_4 .et_pb_grid_item {
    width: 33%; /* bei 3 Elementen pro Reihe in voller Breite darstellen */
}

@media (max-width: 767px) {
    .UG_gallery .et_pb_column_4_4 .et_pb_grid_item {  
        width: unset;
    }
}

.mfp-bottom-bar .mfp-title {
    display: none; /* gallery overlay, hide title/filename of the image */
}
@keyframes moveBackgroundToRight {
    0% {
      background-position: left top; /* Start at the left */
    }
    100% {
      background-position: right top; /* End at the right */
    }
  }


.UG_background_slide_animation {
    animation: moveBackgroundToRight 30s linear infinite; /* Repeat the animation on mobile */    
}

@media (max-width: 767px) {
    .UG_background_slide_animation {
        background-size: cover !important;
    }
}

.UG_gallery_strip_overlay_top::before {
    /* go beyond section before and section after */
    content: "";
    position: absolute;
    top: -98%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: url(https://ultimategym.de/wp-content/uploads/2025/03/gallery-paper-overlay.svg) no-repeat center;
    /*
    background-size: contain;  
    background-size: 150%;
    */
    z-index: 1;  
    transform: rotate(1deg);
    transform-origin: center;        
}

.UG_gallery_strip_overlay_bottom::before {
    /* go beyond section before and section after */
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: -98%;
    background: url(https://ultimategym.de/wp-content/uploads/2025/03/gallery-paper-overlay.svg) no-repeat center;
    /*
    background-size: contain;  
    background-size: 150%;
    */
    z-index: 1;      
    transform: rotate(1deg);
    transform-origin: center;    
}

@media (min-width: 1600px) {
    .UG_gallery_strip_overlay_top::before,
    .UG_gallery_strip_overlay_bottom::before {
        background-size: 150%;
    }
}

.UG_section_links .et_pb_row {
    z-index: 3; /* so that image gallery strip overlay does not cover the text, and links in text are clickable */
}
/* Gallery END */

/* Gallery as Slider mobile */
.UG_gallery_slider_mobile .et_pb_gallery_item a {
    pointer-events: none; /* disable image overlay. lightbox */
}
  
.UG_gallery_slider_mobile .et_overlay {
    display: none !important; /* disable image overlay. lightbox */
}
/* Gallery as Slider mobile END */

/* FAQ Page */
.UG_faq .et_pb_toggle.et_pb_toggle_close {
    display: flex;
    flex-direction: column;
    justify-content: center; /* center vertically text, because we changed the height of closed accordions */
}
.UG_faq .et_pb_column {    
    margin-bottom: 10px !important;
}
/* FAQ Page END */

/* Sticky Header */
.et_fixed_nav #main-header {
    position: fixed !important; /* enable sticky header on mobile, delete unsticky settings */
}

@media (max-width: 767px) {
    body.admin-bar.et_fixed_nav #main-header {
        top: 32px !important; /* fix sticky header on mobile when admin bar is visible */
    }
}
@media screen and (max-width: 782px) {
    body.admin-bar.et_fixed_nav #main-header {
        top: 32px !important; /* fix sticky header on mobile when admin bar is visible */
    }
}
/* Sticky Header END */
</style>

<style type="text/css">
.UG_blog_post,
.UG_blog_post_cards .et_pb_post,
.UG_news_slider {
    background: var(--ug-bg-color-alt) !important;
}

/* Start Page News Slider */
.UG_news_slider .et_pb_slide {
    padding: 0;
}
.UG_news_slider .et_pb_slide_image {
    width: 100%;
    height: auto;
    object-fit: fill; /* on tablet the container is larger than the image, fill the container with the image */    
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important; /* show on mobile too */
}

.UG_news_slider .et_pb_slide_image img {
    max-height: none !important;
}

.UG_news_slider .et_pb_slide_description {
    padding-bottom: 8%;
    padding-top: 8%;
}
.UG_news_slider .et_pb_button_wrapper {
    margin-top: 5%;
}

.UG_news_slider .et_pb_slider_container_inner {
    display: block !important; /* fix space from top before the image */
}

/* Start Page News Slider Ende */

/* Blog Post Detail Page */
.UG_blog_post_cards .UG_hide_blog_card {
    display: none;
}

.UG_blog_post .UG_hide_blog_post {
    display: none;
}

.UG_blog_post {
    padding-top: 0 !important;
}

.UG_blog_post .et_pb_title_featured_container,
.UG_blog_post_cards .et_pb_image_container {
    margin-bottom: 60px;   
}

.UG_section .UG_blog_post h2 {
    background: none;
    word-break: break-word;
}

.UG_blog_post .et_pb_title_container, 
.UG_blog_post .et_pb_post_content {
    padding: 20px 10%;
}

@media (min-width: 981px) {
	.UG_blog_post .et_pb_post_content {
		padding: 20px 20%;
	}	
}

.UG_blog_post .et_pb_post_content {
    padding-bottom: 5%;
}

.UG_blog_post .et_pb_title_featured_container img {
    width: 100% !important; 
    object-fit: cover;
}

/* Blog Post Detail Page ENDE */

/* Blog Posts Overview Page  */
.UG_blog_post_cards .et_pb_post {
    border: 0;
}
.UG_blog_post_cards .post-content, .UG_blog_post_cards .et_pb_post p {
    color: #fff !important;
}
.UG_blog_post_cards .post-meta, .UG_blog_post .et_pb_title_meta_container {
    color: #fff !important;
    font-weight: bold !important;
}

.UG_blog_post_cards .post-content-inner {
    min-height: 134px;
}

.UG_blog_post_cards .post-content-inner {
    overflow: hidden;
    text-overflow: ellipsis;    
    height: 134px;
    margin-bottom: 20px;
}

.UG_blog_post_cards .post-content-inner p:first-of-type {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.UG_blog_post_cards .post-content-inner p:not(:first-of-type) {
    display: none;
}

.UG_blog_post_cards .wp-block-image, .UG_blog_post_cards .wp-block-video, .UG_blog_post_cards .BorlabsCookie {
    display: none; /* hide images in blog post cards */
}

.UG_blog_post_meta {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    padding-bottom: 20px;   
}

.UG_blue {
    color: var(--ug-accent-color);
}
/* Blog Posts Overview Page ENDE */

.UG_map h3 {
    font-size: 1rem !important;
}
.UG_map h3,  .UG_map p {
    color: #000 !important;
}
</style>

<style type="text/css">
/* Kontaktformular */
.forminator-ui .select2-selection {
    border-color: transparent !important;
}

.forminator-ui .selection, 
.forminator-ui .forminator-input--wrap {
    background: var(--ug-bg-color) !important;
    margin: -5px -10px;
    padding: 5px 10px;     
}

.forminator-ui .forminator-label:not([class*="forminator-floating-"]) {
    position: relative;
    left: -10px;
    top: -10px;
}

.forminator-ui .forminator-is_filled label,
.forminator-ui .forminator-is_active label {
    position: relative;
    left: -10px;
    top: -10px;
}

.forminator-ui .forminator-input--wrap, .forminator-ui .forminator-input--wrap:after {
    position: static !important;
}

.forminator-ui .forminator-input--wrap:after {
    display: none !important;
}

.forminator-ui .forminator-is_hover .forminator-input--wrap:after,
.forminator-ui .forminator-is_active .forminator-input--wrap:after {
    display: block !important;
}

.forminator-ui .select2-selection__rendered, 
.forminator-ui input, 
.forminator-ui input::placeholder {
    color: #fff !important;
    border-color: transparent !important;
}

.forminator-ui input::placeholder {
    color: white; /* Set a contrasting color */
    opacity: 1;   /* Ensure full opacity */
}
.forminator-ui input {
    z-index: 1;
}

.forminator-ui .forminator-button {
    text-transform: uppercase;
    padding: .3em 1em !important;
    font-size: 22px !important;
    background-color: var(--ug-accent-color) !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.42); /* shadow for the default call to action button "Starte jetzt */
    border-width: 0px !important;
    border-radius: 12px !important;
    font-weight: bold !important;
    font-style: normal !important;    
    text-decoration: none !important;    
}

.forminator-ui .forminator-button:hover {
    background-color: var(--ug-button-hover) !important;
}

.UG_form_kids_event #select-2 {
    display: none;
  }

</style>

<script>
var consentAvailable = false;
if (typeof ugAnalyticsConsent !== 'undefined' && typeof ugAdsConsent !== 'undefined') consentAvailable = true;
if (typeof ugAnalyticsConsent === 'undefined') ugAnalyticsConsent = false;
if (typeof ugAdsConsent === 'undefined') ugAdsConsent = false;

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
    'analytics_storage': ugAnalyticsConsent === true ? 'granted' : 'denied',
    'ad_storage': ugAdsConsent === true ? 'granted' : 'denied',
    'ad_user_data': ugAdsConsent === true ? 'granted' : 'denied',
    'ad_personalization': ugAdsConsent === true ? 'granted' : 'denied'  
});
gtag('set', 'ads_data_redaction', true);
</script>

<!-- Google Tag Manager -->
<script>
var gtLoadTimeout = consentAvailable ? 0 : 750;
//console.log("gtLoadTimeout", gtLoadTimeout);
setTimeout(function() {
  //console.log("Loading Google Tag Manager");
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-M8M4Z92G');
}, gtLoadTimeout);
</script>
<!-- End Google Tag Manager -->

<script>
function ug_activate_gtag_analytics() {
  gtag('consent', 'update', {
    'analytics_storage': 'granted'
  });
  dataLayer.push({'event': 'consent-analytics'});
  //console.log("analytics activated");
}

function ug_activate_gtag_ads() {
  gtag('consent', 'update', {
    'ad_storage': 'granted',
    'ad_user_data': 'granted',
    'ad_personalization': 'granted'
  });
  dataLayer.push({'event': 'consent-marketing'});
  //console.log("ads activated");
}
</script>

<script>
/*
// OptIn - Google Analytics 
let ugAnalyticsConsent = true;
let ugAnalyticsFired = false;
const intervalUgAnalytics = setInterval(function() {
  //console.log('Checking if ug_activate_gtag_analytics is available...');
  if (!ugAnalyticsFired && typeof window.ug_activate_gtag_analytics === 'function') {
    window.ug_activate_gtag_analytics();
    ugAnalyticsFired = true;
  }

  if (ugAnalyticsFired) clearInterval(intervalUgAnalytics);
}, 300);

// OptIn - Google Ads
let ugAdsConsent = true;
let ugAdsFired = false;
const intervalUgAds = setInterval(function() {
  //console.log('Checking if ug_activate_gtag_ads is available...');
  if (!ugAdsFired && typeof window.ug_activate_gtag_ads === 'function') {
    window.ug_activate_gtag_ads();
    ugAdsFired = true;
  }

  if (ugAdsFired) clearInterval(intervalUgAds);
}, 300);
*/
</script>