/*======================================
Theme Name: kraehativ
Description: Child-Theme von Krähativ
Version: 1.0
Author: krähativ design gmbh
Author URI: https://www.kraehativ.de/
Template: Divi
======================================*/



/* FontAwesome 6.7.1 – Start */

@import url('./css/fontawesome.min.css'); 
@import url('./css/brands.min.css');

@import url('./css/solid.min.css');
@import url('./css/thin.min.css'); 
@import url('./css/light.min.css'); 

/* FontAwesome – End */


/* ---------------------------- */


/* BASICS – Start */



/* BASICS – End */


/* ---------------------------- */


/* GENERAL STYLES – Start */


.mdp-readabler-trigger-button-box.bottom-right {
    bottom: 68px;
    right: 16px;
}

    @media screen and (max-width: 768px) {
        .mdp-readabler-trigger-button-box.bottom-right {
            bottom: 45px !important;
        }

    }

/* GENERAL STYLES – End */


/* ---------------------------- */


/* MENU / NAV  – Start */

@media screen and (max-width: 3500px) {
    #page-container .et-l--header {
        height: auto !important;
        position: relative !important;
    }
}



div#dipi_popup-27005801,
#dipi_popup-27005801 .dipi-popup-wrapper,
div#dipi_popup-27007345,
#dipi_popup-27007345 .dipi-popup-wrapper {
    height: calc(100vh - 180px);
    bottom: 0;
    top: unset;
    overflow: visible;
}

    /* Menü-Overlay-Fix Archivseiten */

    #dipi_popup-27005801 div#et-boc {
        width: 100%;
        height: calc(100vh - 180px);

    }

        #dipi_popup-27005801 div#et-boc #menu-hauptmenue,
        #dipi_popup-27007345 div#et-boc #menu-hauptmenue-englisch,
        #dipi_popup-27005801 div#et-boc #menu-sub-menue,
        #dipi_popup-27007345 div#et-boc #menu-sub-menue-englisch {
        flex-direction: column !important;
        justify-content: space-evenly !important;
    }

        div#dipi_popup-27005801 div#et-boc .et_pb_section_3,
        div#dipi_popup-27007345 div#et-boc .et_pb_section_3 {
            width: 100vw;
            height: calc(100vh - 180px);
        }

        div#dipi_popup-27005801 div#et-boc .et_pb_section_3 .et_pb_column_5,
        div#dipi_popup-27007345 div#et-boc .et_pb_section_3 .et_pb_column_5,
        div#dipi_popup-27005801 div#et-boc .et_pb_section_3 .et_pb_column_6,
        div#dipi_popup-27007345 div#et-boc .et_pb_section_3 .et_pb_column_6 {
            height: 80%;
        }

        div#dipi_popup-27005801 div#et-boc .et_pb_section_3 .et_pb_column_5,
        div#dipi_popup-27007345 div#et-boc .et_pb_section_3 .et_pb_column_5 {
            margin-right: 5.5%;
            width: 57.8%;
        }


    /* Ende */

div#dipi_popup-27005801 .wp-singular .et_pb_section_3,
div#dipi_popup-27007345 .wp-singular .et_pb_section_3 {
    width: 100vw;
    height: calc(100vh - 180px);
}

@media screen and (max-width: 980px) {
    div#dipi_popup-27005801,
	#dipi_popup-27005801 .dipi-popup-wrapper,
	div#dipi_popup-27007345,
	#dipi_popup-27007345 .dipi-popup-wrapper {
		height: calc(100vh - 180px);
		bottom: 0;
		top: unset;
		overflow: visible;
	}

	div#dipi_popup-27005801 .wp-singular .et_pb_section_3,
	div#dipi_popup-27007345 .wp-singular .et_pb_section_3 {
		width: 100vw;
		height: calc(100vh - 180px);
	}


}


button.dipi_popup-close.dipi_popup-customclose-btn-27005801,
button.dipi_popup-close.dipi_popup-customclose-btn-27007345 {
    position: absolute;
    right: unset;
    font-size: 30px !important;
    top: -36px;
    border: 1px solid #fff;
    /* padding: 4px !important; */
    height: 55px;
    width: 55px;
    background-color: #000;
    align-items: center;
}

    button.dipi_popup-close.dipi_popup-customclose-btn-27005801:hover, 
    button.dipi_popup-close.dipi_popup-customclose-btn-27007345:hover {
        border: 1px solid #b13f7c;
        color: #b13f7c;
        background-color: #000;
    }

    button.dipi_popup-close.dipi_popup-customclose-btn-27005801 span,
    button.dipi_popup-close.dipi_popup-customclose-btn-27007345 span {
        position: absolute;
        top: 12px;
        left: 15px;
        font-weight: 200;
        font-family: 'Font Awesome 6 Pro';
    }

    button.dipi_popup-close.dipi_popup-customclose-btn-27005801:hover span,
    button.dipi_popup-close.dipi_popup-customclose-btn-27007345:hover span {
        color: #b13f7c;
    }


div#dipi_popup-27005801 .et_pb_menu_inner_container,
div#dipi_popup-27007345 .et_pb_menu_inner_container {
    height: 100%;
}

ul#menu-hauptmenue, ul#menu-hauptmenue-englisch-1,
ul#menu-sub-menue, ul#menu-sub-menue-englisch-1,
ul#menu-hauptmenue-englisch,
ul#menu-sub-menue-englisch {
    flex-direction: column !important;
    justify-content: space-evenly;
}

@media (max-width: 980px) {
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        justify-content: flex-start;
    }
}




.nav-zimmer::before{
    content: '\f236';
    color: #b13f7c;
    padding: 16px 16px;
    font-size: 38px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 50px;
}

.nav-restaurant-wohnzimmer::before{
    content: '\f2e7';
    color: #b13f7c;
    padding: 16px 16px;
    font-size: 38px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 50px;
}

.nav-meetings-events::before{
    content: '\f2b5';
    color: #b13f7c;
    padding: 16px 16px;
    font-size: 38px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 50px;
}

.nav-specials::before{
    content: '\f762';
    color: #b13f7c;
    padding: 16px 16px;
    font-size: 38px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 50px;
}

.nav-sauna-gym::before{
    content: '\f44b';
    color: #b13f7c;
    padding: 16px 16px;
    font-size: 38px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 50px;
}

.nav-gutschein::before{
    content: '\f06b';
    color: #b13f7c;
    padding: 16px 16px;
    font-size: 38px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 50px;
}

.nav-outdoor::before{
    content: '\f6ec';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

.nav-hotel::before{
    content: '\f594';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

.nav-karriere::before{
    content: '\f234';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

.nav-blog::before{
    content: '\f15c';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

.nav-nachhaltigkeit::before{
    content: '\f06c';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

.nav-weinmarkt::before{
    content: '\f72f';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

.nav-gaestefeedback::before{
    content: '\f075';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

.nav-hotelprospekt::before{
    content: '\f1c1';
    color: #b13f7c;
    padding: 0 16px;
    font-size: 24px;
    font-family: 'Font Awesome 6 Pro';
    min-width: 30px;
}

	@media screen and (max-width: 980px) {

			.nav-zimmer::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-restaurant-wohnzimmer::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-meetings-events::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-specials::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-sauna-gym::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-gutschein::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-outdoor::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-hotel::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-karriere::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-blog::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-nachhaltigkeit::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-weinmarkt::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-gaestefeedback::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
			}

			.nav-hotelprospekt::before{
				padding: 2px 16px;
				font-size: 25px;
                min-width: 30px;
	}
}



/* MENU / NAV  – End */


/* WPML – Start */

ul.js-wpml-ls-sub-menu.wpml-ls-sub-menu {
    background-color: #000000dd;
    border: 1px solid #fff;
}


/* WPML – End */


/* ---------------------------- */


/* CONTENT – Start */

@media screen and (max-width:980px) {
	.wpforms-layout-column.wpforms-layout-column-33 {
    width: 100% !important;
}

   
}

 .et-pb-controllers {
        bottom: 20px !important;
    }

/* CONTENT – End */