@charset "UTF-8";
/*

Theme Name: TRACTO v01

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

Description: TRACTO

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

Version: 1.1.0

*/

@import url("css/fonts/fonts.css");

@import url("css/logo/logo.css");
@import url("css/menus/navibar.css");
@import url("css/menus/mainmenu.css");
@import url("css/menus/contactmenu.css");
@import url("css/buttons/mainmenu-btn.css");
@import url("css/buttons/colorswitch-btn.css");
@import url("css/buttons/block-element-btn.css");

@import url("css/buttons/goto-btn.css");
@import url("css/footer/footer.css");
@import url("css/footer/footermenu.css");
@import url("css/header/pageheader-modul.css");
@import url("css/external/flickity.css");
@import url("css/external/roundslider.min.css");
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* Animation */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
.rotate.triggeredCSS3    {transform : rotate(360deg); }
.scale.triggeredCSS3     {transform : scale(1); opacity: 1;}
.slideIn.triggeredCSS3 { opacity: 1;}

/* STANDARTS */

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

.ani{
	transform : scale(0.6);
	opacity: 0.9;
    transition: 0.8s;
}

.ani2{
}




.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;
}
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* 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;
	cursor: pointer;
}


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

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* 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;

}

.PageWrap{
	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%;
}

#PageContent{
	position: relative;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: calc(60vh + 10px);
	padding:0;
	z-index: 1;
	background-color: transparent;
}



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

@media screen and (max-width: 956px) {
#footer.active .ani2{
	opacity: 0 !important;
}

#footer.active .slideIn.triggeredCSS3 { opacity: 0 !important;}
	
/*	
#PageContent.active{
	display: none;
	overflow: hidden;
	height: 0vh !important;
	min-height: 0vh !important;
	
}*/

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
	
}
@media screen and (max-width: 720px) {
/*
#PageContent.active{
	display: none;
	overflow: hidden;
	height: 0vh !important;
	min-height: 0vh !important;
	
}*/
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

}