/*
 Theme Name:   Schiemann-Harms
 Description:  Schiemann-Harms Theme
 Author:       WebsiteWizards
 Author URI:   https://website-wizards.de/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-child
*/

body{
	overflow-x: hidden;
}

/*Animation*/
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-15%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-15%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(15%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,15%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/*Global*/
ul {
	padding-inline-start: 0%;
}

p {
	line-height: clamp(12px, calc(0.75rem + ((1vw - 10.25px) * 1.1915)), 26px);
}

@media only screen and (max-width: 767px) {
	h2 {
		font-size: 26px !important;
	}
}

ul li {
    background: url(https://www.schiemann-harms.de/2024/wp-content/uploads/2024/02/square-white.png);
    background-repeat: no-repeat;
    background-position-y: clamp(6px, calc(0.375rem + ((1vw - 10.25px) * 0.5957)), 13px);
    background-size: 5px;
    padding-left: 3%;
	list-style: none;
}

ul.pseudo-list li {
    background: none !important;
    padding-left: 3%;
	list-style: none;
}

strong {
    font-weight: bold !important;
}

.self-width-box{
	width: auto !important;
}

.self-width-box .e-con-inner{
	width: auto !important;
}

.custom-gallery .gallery-item{
	padding: 0 3px;
}

.stars {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 1px;
  z-index: -1;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: -42vw -4vh 0px 0px #fff, 25vw -41vh 0px 0px #fff,
    -20vw 49vh 0px 1px #fff, 5vw 40vh 1px 1px #fff, 29vw 19vh 1px 0px #fff,
    -44vw -13vh 0px 0px #fff, 46vw 41vh 0px 1px #fff, -3vw -45vh 0px 1px #fff,
    47vw 35vh 1px 0px #fff, 12vw -8vh 1px 0px #fff, -34vw 48vh 1px 1px #fff,
    32vw 26vh 1px 1px #fff, 32vw -41vh 1px 1px #fff, 0vw 37vh 1px 1px #fff,
    34vw -26vh 1px 0px #fff, -14vw -49vh 1px 0px #fff, -12vw 45vh 0px 1px #fff,
    -44vw -33vh 0px 1px #fff, -13vw 41vh 0px 0px #fff, -36vw -11vh 0px 1px #fff,
    -23vw -24vh 1px 0px #fff, -38vw -27vh 0px 1px #fff, 16vw -19vh 0px 0px #fff,
    28vw 33vh 1px 0px #fff, -49vw -4vh 0px 0px #fff, 16vw 32vh 0px 1px #fff,
    36vw -18vh 1px 0px #fff, -25vw -30vh 1px 0px #fff, -23vw 24vh 0px 1px #fff,
    -2vw -35vh 1px 1px #fff, -25vw 9vh 0px 0px #fff, -15vw -34vh 0px 0px #fff,
    -8vw -19vh 1px 0px #fff, -20vw -20vh 1px 1px #fff, 42vw 50vh 0px 1px #fff,
    -32vw 10vh 1px 0px #fff, -23vw -17vh 0px 0px #fff, 44vw 15vh 1px 0px #fff,
    -40vw 33vh 1px 1px #fff, -43vw 8vh 0px 0px #fff, -48vw -15vh 1px 1px #fff,
    -24vw 17vh 0px 0px #fff, -31vw 50vh 1px 0px #fff, 36vw -38vh 0px 1px #fff,
    -7vw 48vh 0px 0px #fff, 15vw -32vh 0px 0px #fff, 29vw -41vh 0px 0px #fff,
    2vw 37vh 1px 0px #fff, 7vw -40vh 1px 1px #fff, 15vw 18vh 0px 0px #fff,
    25vw -13vh 1px 1px #fff, -46vw -12vh 1px 1px #fff, -18vw 22vh 0px 0px #fff,
    23vw -9vh 1px 0px #fff, 50vw 12vh 0px 1px #fff, 45vw 2vh 0px 0px #fff,
    14vw -48vh 1px 0px #fff, 23vw 43vh 0px 1px #fff, -40vw 16vh 1px 1px #fff,
    20vw -31vh 0px 1px #fff, -17vw 44vh 1px 1px #fff, 18vw -45vh 0px 0px #fff,
    33vw -6vh 0px 0px #fff, 0vw 7vh 0px 1px #fff, -10vw -18vh 0px 1px #fff,
    -19vw 5vh 1px 0px #fff, 1vw 42vh 0px 0px #fff, 22vw 48vh 0px 1px #fff,
    39vw -8vh 1px 1px #fff, -6vw -42vh 1px 0px #fff, -47vw 34vh 0px 0px #fff,
    -46vw 19vh 0px 1px #fff, -12vw -32vh 0px 0px #fff, -45vw -38vh 0px 1px #fff,
    -28vw 18vh 1px 0px #fff, -38vw -46vh 1px 1px #fff, 49vw -6vh 1px 1px #fff,
    -28vw 18vh 1px 1px #fff, 10vw -24vh 0px 1px #fff, -5vw -11vh 1px 1px #fff,
    33vw -8vh 1px 0px #fff, -16vw 17vh 0px 0px #fff, 18vw 27vh 0px 1px #fff,
    -8vw -10vh 1px 1px #fff;

 

 /* stars were too big with the layers above but left the code in case no one cares  -- as in, if noone's just that  one other loner who actually cares    */

  box-shadow: 24vw 9vh 1px 0px #fff, 12vw -24vh 0px 1px #fff,
    -45vw -22vh 0px 0px #fff, -37vw -40vh 0px 1px #fff, 29vw 19vh 0px 1px #fff,
    4vw -8vh 0px 1px #fff, -5vw 21vh 1px 1px #fff, -27vw 26vh 1px 1px #fff,
    -47vw -3vh 1px 1px #fff, -28vw -30vh 0px 1px #fff, -43vw -27vh 0px 1px #fff,
    4vw 22vh 1px 1px #fff, 36vw 23vh 0px 0px #fff, -21vw 24vh 1px 1px #fff,
    -16vw 2vh 1px 0px #fff, -16vw -6vh 0px 0px #fff, 5vw 26vh 0px 0px #fff,
    -34vw 41vh 0px 0px #fff, 1vw 42vh 1px 1px #fff, 11vw -13vh 1px 1px #fff,
    48vw -8vh 1px 0px #fff, 22vw -15vh 0px 0px #fff, 45vw 49vh 0px 0px #fff,
    43vw -27vh 1px 1px #fff, 20vw -2vh 0px 0px #fff, 8vw 22vh 0px 1px #fff,
    39vw 48vh 1px 1px #fff, -21vw -11vh 0px 1px #fff, -40vw 45vh 0px 1px #fff,
    11vw -30vh 1px 0px #fff, 26vw 30vh 1px 0px #fff, 45vw -29vh 0px 1px #fff,
    -2vw 18vh 0px 0px #fff, -29vw -45vh 1px 0px #fff, -7vw -27vh 1px 1px #fff,
    42vw 24vh 0px 0px #fff, 45vw -48vh 1px 0px #fff, -36vw -18vh 0px 0px #fff,
    -44vw 13vh 0px 1px #fff, 36vw 16vh 0px 1px #fff, 40vw 24vh 0px 0px #fff,
    18vw 11vh 0px 0px #fff, -15vw -23vh 1px 0px #fff, -24vw 48vh 0px 1px #fff,
    27vw -45vh 1px 0px #fff, -2vw -24vh 0px 1px #fff, -15vw -28vh 0px 0px #fff,
    -43vw 13vh 1px 0px #fff, 7vw 27vh 1px 0px #fff, 47vw 5vh 0px 0px #fff,
    -45vw 15vh 1px 1px #fff, -5vw -28vh 0px 1px #fff, 38vw 25vh 1px 1px #fff,
    -39vw -1vh 1px 0px #fff, 5vw 0vh 1px 0px #fff, 49vw 13vh 0px 0px #fff,
    48vw 10vh 0px 1px #fff, 19vw -28vh 0px 0px #fff, 4vw 7vh 0px 0px #fff,
    21vw 21vh 1px 1px #fff, -15vw -15vh 0px 1px #fff, -6vw -42vh 1px 0px #fff,
    -15vw 48vh 1px 1px #fff, -23vw 25vh 1px 1px #fff, -48vw 25vh 0px 1px #fff,
    -31vw -19vh 0px 1px #fff, 4vw 37vh 1px 1px #fff, -43vw 28vh 0px 0px #fff,
    3vw -25vh 0px 1px #fff, -39vw 14vh 0px 1px #fff, -40vw 31vh 0px 1px #fff,
    35vw -36vh 1px 1px #fff, 16vw 49vh 0px 0px #fff, 6vw 39vh 0px 0px #fff,
    3vw -35vh 0px 1px #fff, -44vw -2vh 1px 0px #fff, -6vw 21vh 1px 0px #fff,
    48vw 9vh 1px 1px #fff, -43vw 30vh 1px 1px #fff, 29vw -12vh 1px 1px #fff,
    -48vw 13vh 1px 0px #fff, -42vw 32vh 1px 1px #fff, 34vw 15vh 1px 1px #fff,
    29vw -37vh 1px 1px #fff, 28vw 2vh 0px 0px #fff;
  animation: zoom 16s alternate infinite;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}


/*Header*/
.header-logo {
	width: 380px;
}

.header-logo div {
	width: 100%;
	text-align: right;
	margin-bottom: -45px;
}

.future {
	font-size: 34px; 
	font-family: orbitron;
	color: white;
}

.year {
	font-size: 105px;
	font-family: orbitron;
	color: white;
}

.custom-gallery-button p{
	display: inline-block !important;
}

.custom-gallery-button span{
	    animation: background-pan 7s linear infinite;
    background: linear-gradient(to right,#00ffff,#FF00FF,#5601A7,#00ffff);
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap
}
@keyframes background-pan {
    from {
        background-position: 0% center
    }

    to {
        background-position: -200% center
    }
}


/*Mute Button*/
#audio-button{
	position: fixed;
	left: 50px;
	bottom: 50px;
	z-index: 100;
	/*padding: 15px 20px;
	border: 1px solid var( --e-global-color-b6b5b94 );
	border-radius: 9999px;*/
	color: var( --e-global-color-b6b5b94 );
	cursor: pointer;
}

/*Hero section*/
.overlay-shadow{
	height: 100%;
    width: 100%;
	box-shadow: inset 0 0 4em 4em black;
    position: absolute!important;
    /*background: linear-gradient(180deg, rgba(2,0,36,0.3267682072829131) 81%, rgba(2,0,36,0.3267682072829131) 88%, rgba(0,0,0,0.8813900560224089) 97%, rgba(0,0,0,1) 100%);*/
    z-index: 10;
}

.overlay-shadow-y{
	height: 100%;
    width: 100%;
	box-shadow: inset 2em 20em 15em 6em black, inset -2em -12em 15em 6em black;
    position: absolute!important;
    z-index: 10;
}
@media only screen and (min-width: 767px) {
	.overlay-shadow-desktop{
		height: 100%;
		width: 100%;
		box-shadow: inset 0 0 4em 4em black;
		position: absolute!important;
		z-index: 10;
	}
}

.relative .e-con-inner{
	position: relative !important;
}

/*Homepage Gallery*/
.gallery-year{
	font-size:clamp(13px, calc(0.8125rem + ((1vw - 10.25px) * 1.2766)), 28px); 
	font-family: orbitron;
}

.elementor-slideshow__footer{
	display: flex;
	justify-content: center;
}

}
.elementor-slideshow__title{
	font-size: 18px; 
	font-family: orbitron;
	margin-left: 8px;
}

.elementor-slideshow__description{
	display: flex;
    align-items: center;
	font-weight: 200;
	font-size: 14px;
	margin-left: 8px;
}

@media only screen and (min-width: 1025px) {
	.elementor-slideshow__title{
		font-family: orbitron;
		font-size: 22px;
		margin-bottom: 8px;
	}
	.elementor-slideshow__description{
		font-size: clamp(7px, calc(0.4375rem + ((1vw - 10.25px) * 0.6809)), 15px);
		margin-left: clamp(6px, calc(0.375rem + ((1vw - 10.25px) * 0.4255)), 11px);
	}
}

/*HOMEPAGE*/
.animate-move-x img{
  animation: move 3s ease-in-out infinite alternate;
}

@keyframes move {
  from {
    transform: translateX(100px);
	  opacity: 1;
  }
  to {
   	transform: translateX(0px);
	  opacity: 0.1;
  }
}

@media only screen and (max-width: 2200px) {
	.animate-move-x{
  		overflow-x: hidden !important;
	}
}



/*COUNTER*/
.elementor-counter{
	display: flex !important;
	align-items: end !important;
	gap: 20px !important;
}

.elementor-counter .elementor-counter-title{
	line-height: 100% !important;
}

.elementor-counter{
	display: flex !important;
	align-items: end;
	gap: 20px;
}

.projects .elementor-counter-title{
	margin-bottom: 1.8%;
}

.prototypes .elementor-counter-title{
	margin-bottom: 1%;
}

.design .elementor-counter-title{
	margin-bottom: 1.1%;
}

.world .elementor-counter-title{
	margin-bottom: 0.2%;
}

.milestones .elementor-counter-title{
	margin-bottom: 1.4%;
}

.languages .elementor-counter-title{
	margin-bottom: 1.2%;
}

.countries .elementor-counter-title{
	margin-bottom: 1%;
}

@media only screen and (max-width: 1024px) {
	ul li {
		background-position-y: 50%;
		background-size: 5px;
		padding-left: 3%;
	}
	
	.header-logo {
		width: 240px;
	}
	
	.header-logo div {
		margin-bottom: -30px;
	}
  
	.future {
		font-size: 20px; 
	}


	.year {
		font-size: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.header-logo {
		width: 120px;
	}
	
	
	.header-logo div {
		margin-bottom: -15px;
	}
  
	.future {
		font-size: 10px; 
	}


	.year {
		font-size: 35px;
	}
}

.navi-dropdown
	.elementor-nav-menu--dropdown {
		position: absolute;
		z-index:1000;
		right: 5%
	}
	
	.elementor-menu-toggle {
    	z-index:1000
	}


/*Logo Big*/

.text-blue{
	color: #00ffff;
}

.text-red{
	color: #80303a;
}

.text-grey{
	color: #333333;
}

.text-white{
	color: #FFFFFF;
}

.name-logo{
    font-family: orbitron;
    font-weight: 200;
    text-align: right
}

.name-logo2{
    font-family: orbitron;
    font-weight: 200;
    text-align: right
}

.name-logo h2{
    font-weight: 400;
	/*font-size: 184px*/
	font-size: 140px;
}

.name-logo2 h2{
    font-weight: 400;
	/*font-size: 184px*/
	font-size: 120px;
}
.name-logo h3{
    font-weight: 400;
	font-size: 26px;
	margin-right: 7px;
    margin-top: -4%;
}


@media only screen and (max-width: 1024px) {
	.name-logo h2{
		font-size: 100px;
	}
	.name-logo  h3{
		font-size: 19px;
		margin-right: 4px;
	}
}

@media only screen and (max-width: 767px) {
	.name-logo h2{
		font-size: 46px;
	}
	.name-logo h3{
		font-size: 9px;
		margin-right: 2px;
		margin-top: -7%;
	}
}

/*Countdown*/
.Blue-Gradient p {
    background-image: linear-gradient(0deg, rgba(0,255,255,1) 0%, rgba(9,9,9,0.9472163865546218) 95%);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
    font-family: 'Stay Out Regular';
}

/*Spinning Image*/
.image-spin img{
	top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-animation:spin 45s linear infinite;
    -moz-animation:spin 45s linear infinite;
    animation:spin 45s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}


/*SPACING*/
.p-y {
		padding-top: clamp(57px, calc(3.5625rem + ((1vw - 10.25px) * 5.3617)), 120px);
		padding-bottom: clamp(32px, calc(2rem + ((1vw - 10.25px) * 3.1489)), 69px);
	}
.p-x {
		padding-left: clamp(64px, calc(4rem + ((1vw - 10.25px) * 6.4681)), 140px);
		padding-right: clamp(64px, calc(4rem + ((1vw - 10.25px) * 6.4681)), 140px);
	}
.p-x-big {
		padding-left: clamp(111px, calc(6.9375rem + ((1vw - 10.25px) * 10.9787)), 240px);
		padding-right: clamp(111px, calc(6.9375rem + ((1vw - 10.25px) * 10.9787)), 240px);
	}
.p-top {
		padding-top: clamp(57px, calc(3.5625rem + ((1vw - 10.25px) * 5.3617)), 120px);
	}
.p-bottom {
		padding-bottom: clamp(32px, calc(2rem + ((1vw - 10.25px) * 3.1489)), 69px);
	}
.p-left {
		padding-left: clamp(64px, calc(4rem + ((1vw - 10.25px) * 6.4681)), 140px);
	    padding-right: 16px;
	}
.p-right {
		padding-right: clamp(64px, calc(4rem + ((1vw - 10.25px) * 6.4681)), 140px);
	}

@media only screen and (max-width: 1024px) {
	.p-y {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.p-x {
		padding-left: 32px;
		padding-right: 32px;
	}
	.p-x-big {
		padding-left: 32px;
		padding-right: 32px;
	}
	.mobile-p-x {
		padding-left: 32px;
		padding-right: 32px;
	}
	.p-top {
		padding-top: 32px;
	}
	.p-bottom {
		padding-bottom: 32px;
	}
	.p-left {
		padding-left: 32px;
		padding-right: 32px;
	}
	.p-right {
		padding-right: 32px;
	}
}

@media only screen and (max-width: 767px) {
	.p-y {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.p-x {
		padding-left: 24px;
		padding-right: 24px;
	}
	.p-x-big {
		padding-left: 24px;
		padding-right: 24px;
	}
	.mobile-p-x {
		padding-left: 24px;
		padding-right: 24px;
	}
	.p-top {
		padding-top: 24px;
	}
	.p-bottom {
		padding-bottom: 24px;
	}
	.p-left {
		padding-left: 24px;
		padding-right: 24px;
	}
	.p-right {
		padding-left: 24px;
		padding-right: 24px;
	}
	.mobile-full-width{	
		width: 100vw !important;
		position: relative !important;
		margin-left: -24px;
		margin-right: -24px;
	}
}