@charset "UTF-8";
/*

Theme Name: SP Theme

Theme URL: https://sp.dbm.ac/

Description: SP - your tracking tool.

Author: DB/M - jm / designbuero-michel.com

Version: 1.1.0

*/

@import url("css/fonts.css");
@import url("css/logo/logo.css");
@import url("css/menus/navibar.css");
@import url("css/menus/mainmenu.css");

@import url("css/menus/socialmenuphone.css");
@import url("css/menus/productmenu.css");
@import url("css/buttons/mainmenu-btn.css");
@import url("css/buttons/modulelement-btn.css");
@import url("css/buttons/modulelement-btn-toggle.css");
@import url("css/footer/footer.css");
@import url("css/menus/footermenu.css");
@import url("css/woocommerce/woocommerce.css");
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* Animation */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
.rotate.triggeredCSS3    {transform : rotate(360deg); }
.scale.triggeredCSS3     {transform : scale(1); opacity: 1;}
.slideIn.triggeredCSS3 {transform :  scale(1) translateX(0vw); opacity: 1;}
/* STANDARTS */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

.ani{
	transform : scale(0.5);
	opacity: 0.2;
    transition: 1.8s;
}
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* Parallaxe */

.parallax_scroll{
}

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* STANDARTS */

*, *::after, *::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}


a{
	position: relative;
	width: auto;
 	text-shadow: none;
    text-decoration: none;
}

.center{
	
  display: flex;
  align-items: center;
  justify-content: center;
}
.centerV{
	
  display: flex;
  align-items: center;
}

.woocommerce .input-text{
	height: 3.125vw;
	border-radius:30px;
	border: none;
	padding: 10px;
	background-color: transparent;
}

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* Img & Video Sizer */


img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    display: block;
    position: 50% 50%;
}

video {
	position: relative;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: 100%;
	height: 100%;
  /* Make video to at least 100% wide and tall */
  	min-width: 100%; 
	max-height: 100%;
  
	object-fit: cover;
  	/* Center the video */
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
	object-position: center center;
}

.elastic-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.elastic-video iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* Body Elements */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */


body,
html {
    max-width: 100%;
	height: auto;
    min-height: 100vh;
  /* mobile viewport bug fix */
 /*  min-height: -webkit-fill-available;*/
    padding: 0;
    margin: 0 !important;
	 -webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;

}

.Wrap{
	position: relative;
	margin-left:auto;
	margin-right: auto;
	height: 100%;
}

section{
	position: relative;
	margin: 0;
	margin-left:auto;
	margin-right: auto;
	padding: 0;
	width: 100%;
	height:100%;
}



#PageBackground{
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	z-index: 0;
	top:0;
	left: 0px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}


#PageContent{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 100vh;
	z-index: 4;
	padding:0;
}

.unloadedPage {
	opacity: 0;
	-webkit-transition: opacity 1.9s linear;
	-moz-transition: opacity 1.9s linear;
	-ms-transition: opacity 1.9s linear;
	-o-transition: opacity 1.9s linear;
	transition: opacity 1.9s linear;
	
}

.loadedPage {
	opacity: 1;
	-webkit-transition: opacity 1.9s linear;
	-moz-transition: opacity 1.9s linear;
	-ms-transition: opacity 1.9s linear;
	-o-transition: opacity 1.9s linear;
	transition: opacity 1.9s linear;
}
#BackgroundVideo{
	position: fixed;
	z-index: -1;
	top:0px !important;
	left:0px !important;
	bottom:0px !important;
	right:0px !important;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 100%;
	height: 100vh;
}
#PageHeader{
	
	position: absolute;
	z-index: 1;
	top:0px !important;
	left:0px !important;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 100%;
	height: 100vh;
}


footer{
	position: relative;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}


/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
	
}
@media screen and (max-width: 720px) {

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

}