/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:  Manuel Zauner
Author URI:  http://blickwerk.at
Template: Divi
Version:  1.0.0
*/

 
/* =Theme customizations
------------------------------------------------------- */


/*----------------- Testseite*/
.text1{
	position: absolute;
	bottom: 0; 
	margin: auto;
}

#textlogo{
	margin-bottom:-14px!important;
}
.textunten{
	position: fixed !important;
    bottom: 10px;
}

/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 100px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   background-image: url(https://fakecovers.blickwerk.at/wp-content/uploads/2019/10/FakeCoversSpinner.gif);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -50px 0 0 -50px;
}


/*----------------- scroll horizontal*/

.cont1{
	width:100vw;
	height:100vh;
}

.cont2{
	width:100vw!important;
}

.cont3{
	height:50vh;
	width:100%;
	overflow:scroll!important;
}

.cont3 img{
	width:auto;
	margin-right:10px;
	height:50vh;
}


/*----------------- scroll vertikal*/

.scroll1{
	width:100vw;
	height:100vh;
}

.scroll2{
	width:100vw;
}

.scroll3 {
	position: fixed !important;
    right: 10px;
    max-width: 70vw;
	height:90vh!important;
}

.scroll3 img{
	width:100%!important;
}

.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 30px;
    padding-left: 30px;
}

/*----------------- backtotop*/

.et_pb_scroll_top.et-pb-icon {
	background:#CC73A3!important;
	font-size:25px!important;
	border-radius:20px!important;
	right:20px!important;
	bottom:25px!important;
}

.et_pb_scroll_top:before{
	content:"6";
}



/*----------------- HEADER verstecken und Bild mittig rücken*/

#main-header { display:none; }
#page-container { 
	padding-top:0px !important; 
	margin-top:0px !important; 
}

.et_pb_fullwidth_header_0.et_pb_fullwidth_header {
	padding-top:0px !important; 
}

#header-content-container center {
	position:absolute !important;
	top:0px !important;
	padding-top:0px;
	margin-top:0px;
}

/*----------------- Mobiles Menue */
#top-header {
	display:none!important;
}

#mobilemenu{
	position:fixed;
	width:100%;
	top:0px;
	right:1vw;
	margin-left:46px!important;
}
#menutitle{
	position:fixed;
	display:none;
	height:40px;
	width:60%;
	top:28px;
	right:25vw;
	font-size:calc(12px + 2vw);
	font-weight:900;
	background-color:white;
}
#mobilewhite{
	background-color:white;
	position:fixed;
	top:0px;
	height:80px;
	width:100%;
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar::after, .mobile_menu_bar::before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span::before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span::before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current{
	
	color: #cc73a3;
}



/*----------------- neuer Header fixieren*/

#headerx {
	position:fixed;
	left:00vw;
	z-index:100;
	
}
#logox {
	position:fixed;
	display: block;
	width:200px;
	height:auto;
	font-size:3.8em;
	font-weight: 900;
	color: black;
	line-height:0.1;
 	top: 60px;
	margin-top:4vw;
	left: 14vw !important;
	margin-left: -4px;
	z-index:0;
	
}

#weiss {
	position:fixed;
	display: block;
	background-color:white;
	color:white;
	width:100%;
	top:0px;
	height:64px;

}


#konzept {
	position:relative;
	margin-top:0px;
	margin-bottom:20px;
	display:block;

	
}
/*----------------- MENÜ*/

#menux {
	position:fixed;
	display: block;
	font-size: 1.4em;
	color:#cc73a3;
	width:200px !important;
	height: 200px !important;
	margin-top:500px !important;
	line-height:0.8;
	left: 14vw !important;
}
.menuex {
	z-index:300;
}

.black {
	color:black!important;
}
.black a {
	color:black!important;
}


#menuwhite {
	position:fixed;
	display: block;
	color:white;
	background-color:#ffff49;
	width:260px !important;
	margin-left: -30px;
	opacity:0.7;
	height: 460px !important;
	margin-top:0px!important;
	padding: 44px;
	left: 14vw !important;
	z-index:-1;
}
#enter {
	position:fixed;
	top:50vh;
	width:100vw;
	font-size:8vw;
	margin-left:10px;
	margin-top:-10px;
	text-align:center;
	font-weight:900;
}
#enter a {
	color:black !important;
}

#enter a:hover {
	color:#ffff49!important;
}

#webdesign{
	position:fixed;
	display: block;
	font-size: 0.8em;
	color:#cc73a3;
	width:200px !important;
	height: 20px !important;
	bottom:30px;
	line-height:0.8;
	left: 14vw !important;
}
#webdesign a {
	color:black !important;
}

#webdesign a:hover {
	color:#cc73a3!important;
}

/*----------------- artists*/

#artists {
	font-size:18pt;
	text-align:justify;
	line-height:1.8;
	margin-left:4vw;
	margin-right:1vw;
	width:660px;
	
}

/*----------------- Lightbox Farbe ändern*/

.mfp-fade.mfp-bg.mfp-ready {
	background-color: white;
}

/*----------------- LINKS*/

a{
	color:#cc73a3;
	
}
a:hover {
    color: black;
}


/*----------------- FOOTER unsichtbar machen*/

#footer-bottom {
	display:none,
}

#main-footer {
	display: none;
}
  
/*----------------- AB HIER RESPONSIVE DESIGN*/
/*----------------- @media HÖHE*/

@media all and (max-height: 700px) {
	#webdesign {
		display:none !important;
	}
}

@media all and (max-height: 678px) {
	#menux {
		display:none !important;
	}
}

@media all and (max-height: 442px) {
	#logox {
		display:none !important;
	}
}
/*----------------- @media BREITE*/

/*----------------- @media 995px*/
@media all and (max-width: 995px) {
	#webdesign {
		display:none !important;
	}
}

@media all and (max-width: 995px) {
	#menux {
		display:none !important;
	}
}

@media all and (max-width: 995px) {
	#logox {
		display:none !important;
	}
}

@media all and (max-width: 995px) {
.hideme {
	margin-left:-4vw !important;
	margin-bottom: -60px !important;
}
}

@media all and (max-width: 995px) {
#konzept {
	margin-left:-1.8vw !important;
	margin-bottom: -28px !important;
}
}


@media all and (max-width: 995px) {
.scrollToTop{
		right: 3vw !important;
	}
}
@media all and (max-width: 995px) {
#weiss {
	display:none;
}
}
@media all and (max-width: 995px) {
#top-header {
	display:block;
}
}
@media all and (max-width: 995px) {
#menutitle{
	display:block;
	}
}
@media all and (max-width: 995px) {
#menuwhite{
	display:none!important;
	}
}

/*----------------- @media 640px*/

@media all and (max-width: 640px) {
.scrollToTop{
		width:calc(6vw+12px); 
		height:calc(6vw+12px);
	}
}