/*
Theme Name: LE POWER	
Template: hello-elementor
Version: 1 05.2025
Description: Child Theme erstellt von re-define.de
Author: re-define.de
*/

/* SEO Tool 
.logged-in h1::before{content: "H1 ";color: fuchsia;background: yellow;}
.logged-in h2::before{content: "H2 ";color: fuchsia;background: yellow;}
.logged-in h3::before{content: "H3 ";color: fuchsia;background: yellow;}
.logged-in h4::before{content: "H4 ";color: fuchsia;background: yellow;}
.logged-in h5::before{content: "H5 ";color: fuchsia;background: yellow;}
.logged-in h6::before{content: "H6 ";color: fuchsia;background: yellow;}*/
/* .logged-in li::before{content: "LI ";color: color: fuchsia;background: yellow;}*/
/* .logged-in p::before{content: "[p] ";color: color: fuchsia;background: yellow; }*/

/* fonts*/


/* roboto-100 - latin
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-100.woff2') format('woff2'), 
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-100.woff') format('woff'); 
} */

/* roboto-100italic - latin 
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-100italic.woff2') format('woff2'), 
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-100italic.woff') format('woff'); 
}*/

/* roboto-300 - latin 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-300.woff2') format('woff2'), 
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-300.woff') format('woff'); 
}*/

/* roboto-300italic - latin 
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('https://ciociola-gruppe.de/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-300italic.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-300italic.woff') format('woff');
}*/

/* roboto-regular - latin 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-regular.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-regular.woff') format('woff'); 
		font-display:swap;
}
*/
/* roboto-italic - latin 
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-italic.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-italic.woff') format('woff'); 
		font-display:swap;
}*/

/* roboto-500 - latin 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-500.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-500.woff') format('woff');
		font-display:swap;
}
*/
/* roboto-500italic - latin 
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-500italic.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-500italic.woff') format('woff');
		font-display:swap;
}*/

/* roboto-700 - latin
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-700.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-700.woff') format('woff'); 
	font-display:swap;
} */

/* roboto-700italic - latin 
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-700italic.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-700italic.woff') format('woff'); 
		font-display:swap;
}*/

/* roboto-900 - latin 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-900.woff2') format('woff2'), 
       url('https://ciociola-gruppe.de/fonts/roboto-v30-latin-900.woff') format('woff'); 
		font-display:swap;
} */

/* roboto-900italic - latin 
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-900italic.woff2') format('woff2'), 
       url('/wp-admin/themes/ciociola/assets/fonts/roboto-v30-latin-900italic.woff') format('woff');
} */



/* permanent-marker-regular - latin
@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  src: url('https://ciociola-gruppe.de/fonts/permanent-marker-v16-latin-regular.eot'); 
  src: local(''),
       url('https://ciociola-gruppe.de/fonts/permanent-marker-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('https://ciociola-gruppe.de/fonts/permanent-marker-v16-latin-regular.woff2') format('woff2'),
       url('https://ciociola-gruppe.de/fonts/permanent-marker-v16-latin-regular.woff') format('woff'), 
       url('https://ciociola-gruppe.de/fonts/permanent-marker-v16-latin-regular.ttf') format('truetype'),
       url('https://ciociola-gruppe.de/fonts/permanent-marker-v16-latin-regular.svg#PermanentMarker') format('svg');
} */


/* siehe theme css */


/*** Basis CSS ***/

body { max-width: 100vw!important; overflow-x: hidden!important }
video[poster]{ object-fit:cover }

/* Link auf umliegenden Block erweitern */
.clickable { position: relative }
.clickable a:after {
	content: "";
	display: block !IMPORTANT;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

/*** Ausgelagertes CSS ***/

@media screen and (min-width: 1024px){
    .DatImp .elementor-widget-container{
        max-width: 90ch;
        margin-left: 30%;
        margin-right: auto;
    }
}

@media screen and (min-width: 1024px){
    .DatImp2 .elementor-widget-container{
        max-width: 90ch;
        margin-left: 30%;
        margin-right: auto;
        margin-top: 3em;
    }
}

/** Datenschutz **/

:root{
    	--SecGruenBlauHeight3: 210px;
}

.H4ersatz,
.H5ersatz{
    font-weight: 600;
    display:inline-block;
    margin: 1.5em 0 0 0;
    font-size: 0.9em;
    letter-spacing: 0.01em;
    display:block;
}

.H5ersatz{
    font-size: 0.85em;
}

/* formatierung*/

.DSGVOFormat h2{
    display:block;
    margin-bottom: 0.5em;
}
.DSGVOFormat h3{
    font-size: 22px;
    display:block;
    margin-bottom: 0.25em;
}
.DSGVOFormat h4{
    font-size: 18px;
    display:block;
    margin-bottom: 0.25em;
}
.DSGVOFormat h5{
    font-size: 16px;
    display:block;
    margin-bottom: 0.25em;
}


/*Tabelle DSGVO*/
	
	.DSGVOmax{
		max-width: 98vw!important;	
	}
		
	.DSGVOmax blockquote{
		display:block!important;
		width: 100%;
		overflow-y: auto;
		margin-left: -0.5em;
	}

	blockquote.DSGVOmax::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 14px;
	  height: 14px;
	}

	blockquote.DSGVOmax::-webkit-scrollbar-thumb {
	  border-radius: 8px;
	  border: 3px solid #fff;
	  background-color: rgba(0, 0, 0, .3);
	}

    .DSGVOmax tbody, .DSGVOmax table{
    	max-width: 100vw!important;
    	padding: 0!important;
    	margin: 0!important
    }

    .DSGVOmax td {
	    max-width: 50vw;
	}
/** Impressum **/
:root{
    	--SecGruenBlauHeight3: 210px;
}



.ciolistprim ul{
    margin-top: -1em;
    margin-bottom: 0.75em;
    font-size:smaller;
}

.ciolistprim li{
    line-height:1.4;
}

.ciolistprim b{
    font-size:0.9em;
    line-height:1.4;
}

.ciolistprim{
    margin-bottom: -1em;
}



/* Flipbox quadratisch */
.ciosquare {
    --FlipLogoHeight: 150px;
}

.ciosquare .elementor-flip-box {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

/* GAP */

.FlipGap .elementor-container {
    gap: 7px;
}

/* andere Position Front */

.ciosquare .elementor-flip-box__front .elementor-flip-box__layer__description{
    display:none;
}

.ciosquare .elementor-flip-box__front .elementor-flip-box__layer__title{
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.25em;
    text-shadow: 0px 2px 2px var( --e-global-color-secondary );

}

.ciosquare .elementor-flip-box__front .elementor-flip-box__layer__title{
    letter-spacing: 0.7px!important;
    font-weight:500!important;
}

.ciosquare .elementor-flip-box__front .elementor-view-default{
    margin: calc(60% - (var( --FlipLogoHeight ) / 2))
            0
            0
            0;
    max-height: var(  --FlipLogoHeight );
}

/* icon Anpassung mobile */

@media screen and (min-width: 100px) and (max-width: 500px){
    .FlipGap .elementor-inner-column{
        width: 100%!important;
    }
    
    .Flipgap .elementor-icon{
    }

    .Flipgap .elementor-icon SVG{
    }
    
    
}


/* th cookiebanner */

@media screen and (min-width: 10px) and (max-width: 700px){
	
	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar), 
	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) {
	  bottom: inherit!important;
	  top: 40%;
	}
	
}