/**
  Theme Name: IAM Child
  Template Name: CellForm
  Description: Responsive Template für DZZ
  Author: inallermunde GmbH (Ayal Othman)
  Author URI: https://inallermunde.de
  Version: 1.0.1

-------------------------------------------------------------*/
/*-----------------------------------------------------------

    1.  Variables
    2.  Mixins
    3.  Normalize
    4.  Helpers
    5. Typography
	6. Core
    7. Navigation
      a. Header
      b. Menus
	8. Content
	  - Slider Revalotion
	  - Effects
      - Footer
    9.Forms


-------------------------------------------------------------*/


/*----    1.  Variables     ----*/

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: var(--e-global-color-secondary);        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: var(--e-global-color-primary);   /* color of the scroll thumb */
 
}

/*----    5.  Typography     ----*/
.text_blue {
	color: var(--e-global-color-primary) !important;
}
.animatedtext {
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}
/*----   7. Navigation 		----*/

/*----   b. Menus 		----*/
.fsm_popup {
	overflow: hidden !important;	
}

.fullscreenMenu{}
.fsm_white_left{
	height: 100vh;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	background-color: #fff;	
}
@media only screen and (max-width: 1024px) {
  .fsm_white_left{
	height: 60vh;
}
	#FullScreenMenu_Header .elementor-363 .elementor-element.elementor-element-ef474d0.elementor-view-framed .elementor-icon, .elementor-363 .elementor-element.elementor-element-ef474d0.elementor-view-default .elementor-icon {
		color: var( --e-global-color-primary ) !important;
	}
	
 .fsm_white_left .hfe-nav-menu{
	padding-top: 25px;
}
	
	
.iframe_3d {
	height: 60vh;
	width: 80%;
	
}
	#iframe_3d iframe {
	min-height: 50vh;
	height: 60vh;
}
	
	#iframe_3d ._brlbs-default p{
		color: black;
		
	}
	
	.fsm_right {
	
	background: linear-gradient(45deg,#073577, #05555E, #0F4C71 ,#05555E, #073577);
    background-size: 600% 100%;
    animation: gradient 14s linear infinite;
    animation-direction: alternate;
}
	
}

@media only screen and (max-width: 767px) {
  .fsm_white_left{
	height: 60vh;
}
	
	#zoominhotspots p {
		font-size: 8px !important;
	}
}

.fsm_white_left .fsm_logo  {
	position: absolute;
	top: 50px;
	left: 20%;
	width: 100%;
	
}
.fullscreenMenu{}

@media only screen and (max-width: 1024px) {
	.fsm_right {
		position: absolute;
		top:60vh;
	}
	
	#FullScreenMenu_Header {
		
	}
}

/** FullScreenMenu **/
#FullScreenMenu_Header {}

/*----   7. Content 		----*/
.animated_bg {   
    background: linear-gradient(45deg,#073577, #05555E, #0F4C71 ,#05555E, #073577);
    background-size: 600% 100%;
    animation: gradient 14s linear infinite;
    animation-direction: alternate;
}
@keyframes gradient {
    0% {background-position: 0%}
    100% {background-position: 100%}
}

.radius5 {
	
}


.iframe_3d {
	height: 80vh;
	width: 100%;
	
}
.radius_left {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	background-color: #fff;
}
.radius_right {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	background-color: #fff;
}

#rotated_text .elementor-heading-title{
	font-size: 6vh !important;
}

/** Hotspots **/
.e-hotspot__direction-mask div {
	
	
}


/** Model Viewer **/

#iframe_3d iframe {
	min-height: 50vh;
	height: 75vh;
}


/** Footer **/
.white_link a {
	color: white !important;
}

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