/*GLOBAL SPACES*/

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px !important;
			padding:0 !important;
    }
	
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1200px !important;
	}
}

@media (max-width: 1200px) {
	#schriftzug {
		left:130px !important;
	}
}

/*COOKIES*/
.ccm-root .ccm-widget--buttons .button, .ccm-root .ccm-widget--buttons button {
font-family: DM Sans Semibold;
}

/*mobile play icons*/

video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-play-button {
    display: none !important;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}


.mobile-only {
	display:none;
}

/*MARQUEE*/

/*.gspb_marquee_content {
  opacity: 0;
  transition: opacity 0.5s ease;
}


.gspb_marquee_content.marquee-loaded {
  opacity: 1;
}*/


/*TESTIMONIALS*/

.testimonials	.swiper-slide {
		height:100% !important;
	}
	
	.swiper-slide-inner {
		height:100%; !important;
	}
	
	.slider-content-zone {
		height:100% !important;
	}
	
		.slider-content-zone>div {
		height:100% !important;
	}

.slider-content-zone>div>div {
	height:100%;
}
	

/*LOTTIE*/

.lottie-container {
	border-radius:20px;
	overflow:hidden;
}

/*Start Animation*/
/*
.ci-animation-desktop, .ci-animation-mobile {
	position:absolute;
	z-index:10;
	width:100% !important;
	top:30vh !important;
}*/

.lottie-container {
	  overflow: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 5;
}



dotlottie-player {
width:100% !important;
  display: block;
  position: relative;
  z-index: 10;	
}

/*Formular*/

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: greenyellow;
border:none;
    border-radius: 20px;
}

div.wpforms-container-full input[type=date]:focus:invalid, div.wpforms-container-full input[type=datetime]:focus:invalid, div.wpforms-container-full input[type=datetime-local]:focus:invalid, div.wpforms-container-full input[type=email]:focus:invalid, div.wpforms-container-full input[type=month]:focus:invalid, div.wpforms-container-full input[type=number]:focus:invalid, div.wpforms-container-full input[type=password]:focus:invalid, div.wpforms-container-full input[type=range]:focus:invalid, div.wpforms-container-full input[type=search]:focus:invalid, div.wpforms-container-full input[type=tel]:focus:invalid, div.wpforms-container-full input[type=text]:focus:invalid, div.wpforms-container-full input[type=time]:focus:invalid, div.wpforms-container-full input[type=url]:focus:invalid, div.wpforms-container-full input[type=week]:focus:invalid, div.wpforms-container-full select:focus:invalid, div.wpforms-container-full textarea:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid, .wp-core-ui div.wpforms-container-full select:focus:invalid, .wp-core-ui div.wpforms-container-full textarea:focus:invalid {
border:none;
	box-shadow:none;
}

/*Scroll to top Icon*/



.generate-back-to-top .gp-icon svg {
  display: none;
}

.generate-back-to-top {
	background: url('https://birdsonmars.com/wp-content/uploads/2025/10/backtotop.svg');
	background-size:24px;
	background-repeat:no-repeat;
	background-position:center +20px;
	border-radius:99px;	
	transition:all ease 0.2s;
	width:60px;
	line-height:60px;
	transform:rotate(0deg);
}

.generate-back-to-top:hover {
	transform:rotate(359deg) !important;
	transition:all ease 0.5s;
	background: url(https://birdsonmars.com/wp-content/uploads/2025/10/backtotophover.svg);
	background-size:24px;
	background-repeat:no-repeat;
	background-position:center +20px;
	border-radius:99px;	
	transition:all ease 0.2s;
}

/*TIMELINE*/

.timeline_info {
	width:400px !important;
	margin:0 auto;
}


#schriftzug {

	position: absolute;
    width: 128px;
    height: auto;
    left: calc((100vw - 1200px) / 2 + 132px);
    top: 32px;
	z-index: 2; 
	animation:fade 1s linear;
	z-index:99;
}

@keyframes fade {
	0% {opacity:0}
50% {opacity:0}
	100% {opacity:1}
}

.featured-image.page-header-image{
	display:none !important;
}

.entry-title {
	display:none;
}

.inside-article {
	padding-top:0 ;
	padding-bottom:0;
}

.separate-containers .inside-article {
	padding-left:20px !important;
	padding-right:20px !important;
	padding-top:0 !important;
}

section .gspb_row__content {
    padding: 0 20px;
}

.site-main {
	margin-top:0 !important;
	margin-bottom:0 !important;
}

.inside-header {
	padding:40px 20px;
}



html, body {
	overflow-x:hidden !important;
}

h1, h2, h3, h4 {
	hyphens:none;
}

/*PAINT*/

canvas {
/*    display:none;*/
}

#paint canvas {
/*    border: 1px dashed white !important;
    border-radius: 20px;*/
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

#paint {
            width: 100%;
            min-height: 55vh;
            position: relative;
            cursor: crosshair;
            border-radius:20px;
            border:1px dashed white;
            overflow: hidden;  
            background-image:url("https://birdsonmars.com/wp-content/uploads/2024/11/paint-gif.gif");
            background-position:center center;
            background-size:50%;
            background-repeat:no-repeat;
	margin-top:10px;
        }
        
#paint.no-bg {
            background:none;
        }


        .dot {
            width: 20px;
            height: 20px;
            background-color: white;
            border-radius: 50%;
            position: absolute;
            pointer-events: none;
      }
      
      

        #clearButton, #saveAndMailButton {
            margin-top: 20px;
            padding: 10px 20px;
            background:white;
            border-radius:99px;
            font-size:2em;
            color:#0719da;
            letter-spacing:-1px !important;
            border:1px dashed white;
					margin-right:20px;
        }
        
        #clearButton:hover, #saveAndMailButton:hover {
            background:none;
            color:white;
            border:1px dashed white;
        }

/*sol Referenzen*/

.sol_link {
    display: table;
    margin-top: 8px;
    background: white;
    padding: 6px;
    color: #0719da;
    text-decoration: none;
    border-radius: 8px;
	opacity:0.8;
}


.sol_link:hover {
	opacity:1;
	transition:all ease 0.2s;
	cursor:pointer;
	color:#0719da;
}


/*FEED*/
.eapps-instagram-feed-posts-item-template-classic {
    border-radius: 10px;
}

/*BIRDS GALLERY*/

.ufg-thumbnail-border {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.ufg-thumbnail-border.visible {
  opacity: 1;
  transform: translateY(0);
}

.ufg-image-title {
	line-height:1.2;
	margin-top:6px !important;;
}

.ufg-image-content {
  text-align: center;
  transition: all 0.3s ease;
	height:40px
}


.ufg-image-subtitle {
  display: none;
  transition: opacity 0.3s ease;
	line-height:1.2;
	position:relative;
	top:8px;
}

.ufg-thumbnail-border:hover .ufg-image-title {
  display: none;
}
.ufg-thumbnail-border:hover .ufg-image-subtitle {
  display: block;
	font-size:14px;
	margin-top:-2px;
	opacity:0.6;
}


.btn-primary.focus, .btn-primary:focus {
    background:#ff3c00 !important;
	color:white !important;
box-shadow:none !important;
}

.my-1.ufg-filters button i {
	display:none;
}

.my-1.ufg-filters {
    margin: 0 auto 40px auto !important;
}

.ufg-image-title {
    text-align: center;
    margin-top: 4px;
}

.my-1.ufg-filters button {
    border-radius: 20px;
    padding: 6px 12px;
}

.my-1.ufg-filters button:hover {
	background:#ff3c00 !important;
	color:white !important;
}

/*ANIMATION*/

.fade-in {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.fade-in.visible {
  opacity: 1;
}


/*REFERENZEN*/

.gspb_filter_panel {
	box-shadow:none;
}

.gspb_filtersort_btn {
	border-radius:20px;
	margin-right:10px;
	padding:10px !important;
	background:lightgrey;
	font-family:DM Sans Semibold;
}

.resort_0:hover, .resort_0.active {
	background:white;
}

.resort_1:hover, .resort_1.active {
	background:#ff3c00;
	color:white;
}

.resort_2:hover, .resort_2.active {
	background:#BD7CF2;
}

.resort_3:hover, .resort_3.active {
	background:#FCFB87;
}

.resort_4:hover, .resort_4.active {
	background:#0719da;
	color:white;
}

span.gspb_ajax_pagination_btn {
    margin: 0 auto;
    width: 100%;
}

span.term-20 {
	background:#ff3c00;
	padding:6px 16px;
	color:white !important;
	border-radius:99px;
}

span.term-21 {
	background:#bd7cf2;
	padding:6px 16px;
	border-radius:99px;
}

span.term-24 {
	background:#fcfb87;
	padding:6px 16px;
	border-radius:99px;
}

span.term-38 {
	background:#0719da;
	color:white;
	padding:6px 16px;
	border-radius:99px;
}

/*CLIENTS*/

.clients img {
filter:grayscale(1);
	margin:0 auto;
}

/*QUERY GRID*/

.wp-block-greenshift-blocks-querygrid {
    max-width: 100% !important;
    margin-left: 0 !important;
}

/*FOOTER*/

.site-footer .gspb_container__videoContainer {
    border-radius: 20px 0 0 20px;
}

/*ARTICLE*/

.single .featured-image {
    display: none;
}

.single .entry-header {
	display:none;
}

.single .entry-content {
	margin-top: 0;
}

.single footer, .single .comments-area {
	display:none;
}

/*BIG CTA*/

.big-cta .gspb_iconsList__item  {
    background:url('https://birdsonmars.com/wp-content/uploads/2025/09/circle.svg');
    background-repeat:no-repeat;
  background-size:32px;
  background-position:-16px 20px;
  padding-left:24px !important;
  display:inline-block;
  opacity:0.15;
  transition:0.1s;
  
}

.big-cta .gspb_iconsList__item:hover {
  cursor:pointer;
  background-position: -0 20px;
  padding-left:32px !important;
  opacity:1;
  transition:0.2s;
}

/*MENU*/

header {
	position:fixed !important;
	left:0 !important;
	right:0 !important;
	z-index:99 !important;
	background:transparent !important;
}

header ul li {
background:white;
	border:;
	border-radius:99px;
		margin-left:10px
}

header ul li:hover {
	background:#ff3c00;
	transform:scale(1.05) rotate(-3deg);
	transition:0.2s;
}

header ul li:hover a {
	color:white;
}

header a {
	line-height:33px !important;
}

header li a {
	font-size:14px !important;
	padding:0 14px !important;
}

.current-menu-item, .current-menu-parent {
	background:#ff3c00;
}

.current-menu-item a {
	color:white !important;
}

.menu-item-407 {
	background:#fcfb87
}
.menu-item-407:hover {
	background:#fcfb87
}

.menu-item-407.current_page_item a {
	color:black !important; 
}

/*SUBMENU*/

.menu-item-has-children .dropdown-menu-toggle {
	padding-left:4px;
	padding-right:2px;
}

.main-navigation ul ul {
    background-color: white;
    border-radius: 20px;
	box-shadow:none;

}

.main-navigation ul ul li {
	background:none;
	transform:none;
}

.main-navigation ul ul li a:hover{
	color:#ff3c00 !important;
}

.main-navigation ul ul li {
margin:12px 0;
}
.main-navigation ul ul li a {
	line-height:1.2 !important;
	color:black !important;
}

/*FOOTER*/

.inside-site-info.grid-container {
    display: none;
}

.site-footer .footer-widgets-container .inner-padding {
	
}

.footer-widgets-container {
	padding:0 20px !important;
}

/*TABLET*/


@media only screen and (max-width: 1200px) {
.inside-article, section {
		padding-left:20px !important;
			padding-right:20px !important;
	}
}

/*---------MOBILE--------------*/

@media only screen and (max-width: 600px) {
	
	    #gspb_row-id-gsbp-68fbbc9>.gspb_row__content>div {
        min-width:calc(80vw - 45px)

    }

	.single-post .gspb_row__col--6 {
    margin-bottom: 20px;
}
	
	.gs-prev-next-button {
		z-index:98 !important;
	}
	
	.ufg-image-title {
		margin-bottom:0px;
	}
	
	.ufg-image-content {
		height:100%;
	}
	
	  .ufg-image-subtitle {
    display: block;
			opacity:0.4;
			top:0;
  }
	
	.ufg-thumbnail-border:hover .ufg-image-title {
  display: block;
}
	
	.ufg-thumbnail-border:hover .ufg-image-subtitle {
		font-size:inherit !important;
		margin-top:0;
color:#ff3c00;
		opacity:1;
	}
	
	.mobile-only {
	display:block;
}
	.desktop-only {
		display:none;
	}
	

	#schriftzug {
display:none;
		opacity:0;
		top:11px;
		left:124px;
width:128px;
	z-index:999;
		position:fixed;
		animation:none;
	}
	
	#schriftzug.is-visible {
		opacity:1;
		display:block;
	}
	
	.site-logo {
		z-index:999;
	}
	


	
.inside-article, section {
		padding-left:5% !important;
			padding-right:5% !important;
	}
	
	section .gspb_row__content {
    padding: 0;
}
	
	
	/*Timeline*/
	
	.timeline {
		background:#fcfb87;
		padding:10px;
		border-radius:20px;
	}
	
	/*Sustainable Slider*/
	
	.gspb_slider-id-gsbp-67123a7>div {
		margin-left:10vw !important;
		width:60vw !important;

	}
	
	/* MENU ANIMATION */
.main-navigation .main-nav {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;

}


.main-navigation.toggled .main-nav {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;

}
	
	
.inside-header {
	padding:20px 5%;
}
	
	.wp-block-greenshift-blocks-querygrid {
    max-width: 90vw !important;
    margin: 0 auto !important;
}
	
	.big-cta .gspb_iconsList__item {
    background-size: 20px;
    background-position: -10px 8px;
    padding-left: 14px !important;
}
	
		.big-cta .gspb_iconsList__item:hover {
    background-size: 20px;
    background-position: -0px 8px;
    padding-left: 22px !important;
}

	.site-footer .gspb_container__videoContainer {
    border-radius: 20px 20px 0 0px;
}
	
	.site-footer	.gspbgrid_id-gsbp-699ea3d .wp-block-post-template {
		gap:4px !important;
	}
	
	.site-footer .wp-block-post-template a {
    line-height: 16px !important;
}
	
	/*SUBMENU*/

.main-navigation ul ul {
    background-color: white;
	    border: none !important;
	padding-left:16px;

}

	.current-menu-item {
		background:white;
	}
	
	
	.current-menu-item a {
				color:#ff3c00 !important;
	}
	
	header ul li:hover {
background:none !important;
	}
	
.menu-item-has-children{
		background:white !important;
	}
	
.menu-item-has-children a{
color:black !important;
	}

.main-navigation ul ul li {
margin:8px 0;
}
.sub-menu li a {
    font-size: 16px !important;
}
	
	/*TESTIMONIALS*/
	    .testimonials.gspb_slider-id-gsbp-f4a5383 .swiper-slide-inner {
        padding: 20px 20px 20px 0;
    }
	
	.testimonials .swiper-wrapper {
		height:680px !important;
	}
	
	.page-id-861	.wp-block-greenshift-blocks-querygrid {
		max-width:80vw !important;
	}
	
	/*MOBILE FILTERs*/
	
	ul.gspb_filter_ul li {
    margin-bottom: 8px !important;
    width: max-content;
}
	
	/*MOBILE MENU*/
	
	.main-navigation.toggled .main-nav li {
		width:fit-content !important;
	}
	
	.menu-toggle {
		font-size:18px;
	}


	
nav#mobile-menu-control-wrapper {
    display: block;
    position: fixed;
    z-index: 999;
    right: 0%;
}

.menu-toggle {
	background:white !important;
	top:20px !important;
	right:20px !important;
	position:fixed;
	border-radius:20px;
		line-height:33px;
}
	
	.menu-toggle svg {
		fill:#ff3c00;
	}

	
	ul#menu-hauptmenue {

position:fixed;
		left:0 !important;
		background:white;
		width:100vw;
padding-top:150px;
height:100vh;
	top:0;
		transition:all ease 0.2s;
		padding-left:0px;
}
	
	ul#menu-hauptmenue li a:hover {
		background:white;
		color:#ff3c00;
	}
	
	
	ul#menu-hauptmenue li:hover {
transform:none;
	}

header li a {
    font-size: 22px !important;
}

    #menu-item-407 {
        width: fit-content !important;
        padding: 10px;!important;
        margin-top: 20px;
    }
	
	#menu-item-407.current-menu-item {
		background:#fcfb87;
	}
	
	
	/*FOOTER*/
	.footer-widgets-container {
	padding:0 !important;
}
	
	
}