/*
	Theme Name: Semplice Child Theme (claudiabrueckner.de)
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice6
*/

/* Custom CSS Start */

:root {
  --url-bg: none;
  --url-bg-mobile: none;
  --url-footer: none;
}

#content-holder ul, #content-holder ol  {
   margin-left: 24px !important;
}
#content-holder li {
  padding-left: 10px !important;
}

.contact-bg{
  position: relative;
  display: inline-block;
  overflow: visible;
}

.contact-bg::before {
 	content: ""; 
  	position: absolute;
    	top: 0%;
  	right: 50%;
  	transform: translate(50%, 0%); 
  	width: 100vw;
  	height: 100vw;
  	background-image: var(--url-footer); 
  	background-repeat: no-repeat;
  	background-position: center; 
  	z-index: 0;
  	background-size: contain;
}

#overlay-menu::before, .page-template-default .sections::before {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-image: var(--url-bg); 
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    background-size: cover;
    pointer-events: none;
    top:0;
    left:0;
}



.fixed-background {
    position: fixed !important;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
}
.fixed-background .container {
    width: 100% !important;
    height: 100% !important;
}

.is-frontend #content-holder button {
	background-color: #b9ffd6;
}

.mailchimp-submit-button {
	font-family: 'ABCDiatypeMono-Regular', sans-serif !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
	color: #000 !important;
	background-color: #b9ffd6 !important;
	text-transform: uppercase !important;
	font-family: 'ABCDiatypeMono-Regular', sans-serif !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
	color: #fff !important;
	background-color: #5b9afa !important;
}
#moove_gdpr_cookie_info_bar {
	border: 0 !important;
	font-family: 'ABCDiatypeMono-Regular', sans-serif !important;
}

@media screen and (min-width: 1170px) {
/*Desktop Wide*/
    #content-holder li {
        line-height: 1.2777777777778 !important;	
        font-size: 22px !important;
    }
}

@media screen and (max-width: 1169px) and (min-width: 992px) {
/*Desktop*/
    #content-holder li {
        line-height: 1.2777777777778 !important;	
        font-size: 20px !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
/*Tablet Wide*/
    #content-holder li {
        line-height: 1.2222222222222 !important;	
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 544px) {
/*Tablet Portrait*/
    #content-holder li {
        line-height: 1.2222222222222 !important;	
        font-size: 16px !important;
    }
}

@media screen and (max-width: 543px) {
    /*mobile*/
    #content-holder li {
        line-height: 1.1111111111111 !important;
        font-size: 13px !important;
	    padding-left: 0px !important;
    }

    .contact-bg::before {
        width: 200vw;
        height: 200vw;
        top: auto;
        transform: translate(50%, 20%);
    }
    #overlay-menu::before, .page-template-default .sections::before {
        background-image: var(--url-bg-mobile); 
        background-size: contain;
    }
    .titlescreen .column {
        padding: 0 5px 20px 5px !important;
    }
}