/*
 Theme Name:   Port Theme Child Gueterbahnhof
 Description:  Mein Child Theme Gueterbahnhof
 Author:       Bei Galfe
 Author URI:   http://bei-galfes.com
 Template:     portthemetrust
 Version:      1.0.23
*/

/* Custom Poppins Font Face Declarations */
@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/uploads/fonts/poppins/Poppins-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/uploads/fonts/poppins/Poppins-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/uploads/fonts/poppins/Poppins-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('/wp-content/uploads/fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* Apply Poppins font to entire site */
* {
	font-family: 'Poppins', sans-serif !important;
}

/* Remove blue background from header */
#header {
	background: white !important;
}

#header .top {
	background: white !important;
}

#header .inside {
	background: white !important;
}

#mainNav div ul li:first-child:after,
#mainNav ul li:first-child:after,
#mainNav li:first-child:after,
#mainNav div ul > li:first-child:after,
#mainNav .menu > li:first-child:after,
.menu > li:first-child:after,
.mainNav li:first-child:after {
	content: none !important;
	display: none !important;
	visibility: hidden !important;
}
a:hover {color:#6f6d6d !important}
/*  Parallax Art 1,2,3  */
.parallax { 
    background-image: url("/wp-content/uploads/sites/2/2017/08/stimmungsbild-1-cut.jpg");
    min-height: 400px; width:100%;   
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:12.5% auto;
	opacity:0.9;
}
.parallaxTwo { background-image: url("/wp-content/uploads/sites/2/2017/08/stimmungsbild-11-cut.jpg");
    min-height: 400px; width:100%;   
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:12.5% auto;
	opacity:0.9;
}
.parallaxThree{ background-image: url("/wp-content/uploads/sites/2/2017/08/stimmungsbild-10-cut.jpg");
    min-height: 400px; width:100%;   
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:0;
	opacity:0.9;}
.page-template-part-pakete-php .parallaxThree {
	margin: 40px 0;
}
.page-template-part-pakete-php .parallaxThree:last-of-type {
	margin-bottom: 40px;
}
	
/*  Anpassung Kontakt  */	
.partners .imageSquare a.image::before {content:' ';padding:50% 0;}	
#projects .partners {width: 100%; margin: 0 auto; padding: 15px; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; justify-items: center !important;}
#projects .partners .imageSquare {width: 100% !important; max-width: 320px !important; box-sizing: border-box !important; font-size: 16px !important;}
#projects .partners .imageSquare:nth-child(odd):last-child {grid-column: 1 / -1 !important;}
.partners .imageSquare {width: 100% !important; max-width: 320px !important; float: none !important; box-sizing: border-box !important; font-size: 16px !important;}
#projects .partner-section {
	margin-top: 40px;
	width: 100%;
	clear: both;
}
.page-template-part-partner-php #projects .partner-section {
	margin-top: 40px !important;
	padding-bottom: 40px !important;
}
#projects .partner-section-divider.parallax-divider {
	height: 90px;
	background-image: url("/wp-content/uploads/sites/2/2017/08/stimmungsbild-1-cut.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin: 0 0 40px;
	width: 100%;
	display: block;
	clear: both;
}
#projects .partner-section:first-child {
	margin-top: 0;
}
#projects {margin-bottom:40px;}
.backgroundGrey {background:#f1f0f0;text-align:center; color:#000; padding:20px 0;}
.testContent {
	text-align: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 20px !important;
}
.introText {
	text-align: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 20px !important;
}
.page-template-part-pakete-php .introText {
	margin: 40px 0;
}
.page-template-part-pakete-php .introText:has(+ .introText) {
	margin-bottom: 20px;
	padding-bottom: 10px !important;
}
.page-template-part-pakete-php .introText + .introText {
	margin-top: 10px;
	padding-top: 10px !important;
}
.page-template-part-plaene-php .introText,
.page-template-part-plaene .introText {
	margin: 50px 0 !important;
}
.page-template-page-home-php .introText,
.page-template-page-home .introText {
	margin: 50px 0 !important;
}
.page-template-page-portfolio-php .introText,
.page-template-page-portfolio .introText {
	margin: 70px 0 25px !important;
	padding: 0 !important;
}
.page-template-page-portfolio-php #projects,
.page-template-page-portfolio #projects {
	margin-top: 0 !important;
}
.page-template-page-portfolio-php #projects #middle .imageSquare,
.page-template-page-portfolio #projects #middle .imageSquare {
	margin: 3% 12.5% 0 !important;
}
.page-template-part-team-php .introText,
.page-template-part-team .introText {
	margin: 50px 0 !important;
	padding: 0 !important;
}
.page-template-part-team-php .introText p,
.page-template-part-team .introText p {
	margin: 0 !important;
}
.page-template-part-nacht-php .introText,
.page-template-part-nacht .introText {
	margin: 50px 0 !important;
	padding: 0 !important;
}
.page-template-part-service-php .introText,
.page-template-part-service .introText {
	margin: 50px 0 !important;
	padding: 0 !important;
}
.page-template-part-partner-php .introText,
.page-template-part-partner .introText {
	margin: 50px 0 25px !important;
	padding: 0 !important;
}
.page-template-part-partner-php #projects,
.page-template-part-partner #projects {
	margin-top: 0 !important;
}
.page-template-part-team-php .parallax,
.page-template-part-team .parallax {
	margin: 50px 0 !important;
}
.page-template-part-team-php #projects,
.page-template-part-team #projects {
	margin: 0 !important;
}
.imageSquare a.phone::before {content: '✆'; height:100px;font-size:3.5em;padding:calc(50% - 50px) 0;}
.post-password-form {padding:0}
.post-password-form {text-transform:lowercase}
.post-password-form p {text-align:center;margin:12.5% auto}
.post-password-form label {margin:12.5% auto;display:block;width:25%}
.post-password-form input[type="submit"] {padding:15px;margin:12.5% auto}
.inside > form > p > label > input[type="password"] {width: 100%; box-sizing:border-box;text-transform:lowercase}
#homeContent > div > form > p:nth-child(2) > input[type="submit"] {width: 25%; box-sizing: border-box; transition:none;}
#homeContent > div > form > p:nth-child(2) > input[type="submit"]:hover {background: rgba(106,106,106,0.5); color: #fff}


/*  Anpassung Impressionen Bilder  */
#gallery-2 .gallery-item {width:100% !important;}
.gallery img {margin:0 auto;}

.single-project h1 {text-align:center;}

/*  Home  */
#homeContent.homeSection .inside {padding:0;}
#homeContent .inside {background:#fff;}
/*#containerLogos .imageSquare {width:33.32%; margin:8.32%;} */
#containerLogos {margin:12.5% auto !important; display:block !important; text-align:center;}
#containerLogos .homeLogo {display:block; margin:0 auto; width:350px !important; height:140px !important;}

body.page-id-372 #homeContent .inside, body.page-id-372 #container   {background:transparent !important}
body.page-id-372 #middle {width:100%}
body.page-id-372 .parallax {opacity:1 !important}
/*body.page-id-372 #container {background: url(https://www.gueterbahnhof.bei-galfes.com/wp-content/uploads/sites/2/2020/10/47465559_m_Güterbahnhof_500pxbreit50prozent.jpg);	background-attachment: scroll;background-size: 50%;background-repeat: no-repeat;	background-position: left;background-color: transparent;}*/

/*body.page-id-372 #container::before {
  content: "";display: block; position: fixed;left: 0; top: 25%; width: 50%; height:50%;background-color:#fff; z-index: -10; background: url(https://www.gueterbahnhof.bei-galfes.com/wp-content/uploads/sites/2/2020/10/47465559_m_Güterbahnhof_500pxbreit50prozent.jpg) no-repeat left center;
  -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
}*/
body.page-id-372 #middle::before {
  content: "";display: block; position: fixed;left: 0; top: 40%; width: 50%; height:50%;background-color:#fff; z-index: -10; background: url(https://www.gueterbahnhof.bei-galfes.com/wp-content/uploads/sites/2/2020/10/47465559_m_Güterbahnhof_500pxbreit50prozent.jpg) no-repeat left center;
  -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;visibility:visible !important;
}
body.page-id-372 #content::before {
  content: "";display: block; position: fixed;right: 0; top: 0; width: 30%; height:50%;background-color:#fff; z-index: -10; background: url(https://www.gueterbahnhof.bei-galfes.com/wp-content/uploads/sites/2/2020/10/49642990_s_Güterbahnhof_50_Prozent.png) no-repeat left center;
  -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;visibility:visible !important;
}


/*  Media Queries  */
@media screen and (max-width: 735px) {
	#homeContent > div > form > p:nth-child(2) > input[type="submit"] {width: 75%}
	.post-password-form label {margin:2em auto;display:block;width:75%}
	
}

.menuToggle {
	right: 10px;
	font-size: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 55px !important;
	height: 55px !important;
	padding: 0 !important;
	background: none !important;
	vertical-align: middle;
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
}

.menuToggle::before,
.menuToggle::after {
	display: none !important;
	content: none !important;
}

.menuToggle img {
	display: block;
	/* fall back to explicit pixels in case other styles override the anchor size */
	width: 55px !important;
	height: 55px !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: contain;
}

@media screen and (max-width: 480px) {
.menuToggle {right:10px;}
	 .parallax,
	 .parallaxTwo,
	 .parallaxThree {
        background-attachment: scroll !important;
		position: relative !important;
		transform: translateZ(0) !important;
    }
	#projects .partner-section-divider.parallax-divider {
		background-attachment: scroll !important;
		position: relative !important;
	}
}

@media screen and (max-width: 768px) {
	.parallax,
	.parallaxTwo,
	.parallaxThree {
		background-attachment: scroll !important;
		position: relative !important;
		transform: translateZ(0) !important;
	}
	#projects .partner-section-divider.parallax-divider {
		background-attachment: scroll !important;
		position: relative !important;
	}
	.page-template-part-team-php .parallax,
	.page-template-part-team .parallax,
	body.page-id-372 .parallax {
		background-attachment: scroll !important;
		position: relative !important;
	}
}

/* Hide red dotted line between menu and widgets */
#mainNav {
	border-bottom: none !important;
	border: none !important;
}

.widgets {
	border-top: none !important;
	border-bottom: none !important;
	border: none !important;
}

#slideNav .panel {
	border: none !important;
}

#slideNav {
	border: none !important;
}

/* Circle Button Styling */
.page-template-page-home-php #middle,
.page-template-page-home #middle {
	z-index: auto;
}

.page-template-page-home-php #header .bottom,
.page-template-page-home #header .bottom,
.page-template-page-home-php #homeBanner,
.page-template-page-home #homeBanner {
	position: relative;
	z-index: 450;
}

.circle-button {
	position: fixed;
	bottom: 130px;
	left: 370px;
	z-index: 400;
}

.circle-link {
	display: inline-block;
	cursor: pointer;
}

.circle-link img {
	width: 150px;
	height: 150px;
	display: block;
	transition: transform 0.3s ease;
	border-radius: 50%;
	object-fit: cover;
}

.circle-link:hover img {
	transform: scale(1.1);
}

/* Keep button visible but unobtrusive on mobile */
@media (max-width: 768px) {
	.circle-button {
		display: block !important;
		left: calc(12px + env(safe-area-inset-left));
		bottom: calc(150px + env(safe-area-inset-bottom));
	}

	.circle-link img {
		width: clamp(70px, 20vw, 96px);
		height: clamp(70px, 20vw, 96px);
		opacity: 0.9;
	}

	.circle-link:hover img {
		transform: none;
	}
}

.widgets img,
.widgets > div:first-child {
	border-top: none !important;
	border-bottom: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}