/*
 Theme Name:   Gilching Theme
 Description:  Theme für Gilching
 Author:       84 GHz
 Author URI:   https://84ghz.de
 Template:     wp-bootstrap-starter
 Version:      1.0
 Text Domain:  gilching


*/

h1,h2,h3 {
	color: #398A99;
	font-weight: 400;
}

h1 {
  text-transform: uppercase;
}
h1.main {
  text-transform: none;
}
.nav-previous a, .nav-next a {
  text-transform: uppercase;
}

h2 {
	margin-bottom: 1.5rem;
	font-size: 2.5rem;
}

.h6, h6 {
	font-size: 1.2rem;
	color: #398A99;
	font-weight: bold;
}

p {
	color: #697578;
}

li {
	color: #697578;
}

#primary a:hover {
	color: #AAAC28;
}

body .wp-block-image {
  width: 100%;
}
body .wp-block-image img{
  width: 100%;
}
html body {
  font-size: 1.2rem;
	overflow-x: hidden;
}
#primary {
    padding: 0px;
}
.search-form-wrapper-1 {
   display: none;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    text-decoration: underline;
}

#content.site-content {
    padding-top: 6rem;
}

.page-content, .entry-content, .entry-summary {
	margin: 0px;
}

header#masthead {
	background-color: white;
	padding: 1.5rem 1rem;
}

.navbar-brand {
	max-width: 338px;
	padding: 0px;
}

#masthead .container {
	max-width: 1500px;
}

.search-container h1 {
  margin-top : 2rem;
}
.search-container.container-fluid {
 padding-left: 0;
	padding-right: 0;
}
.search-container strong {
 color: #398A99;
	font-family: "PTSans-Bold";
	font-weight: normal;
}

header#masthead #main-nav .nav-link {
    color: #398A99;
    font-size: 17px;
	padding-bottom: 0px;
	line-height: 1;
}

header#masthead #main-nav li.current_page_item .nav-link {
    color: #AAAC28;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
	font-weight: 500;
}
body #masthead #main-nav .navbar-nav > li > a:hover {
 color: #AAAC28;
}

header#masthead .navbar-expand-xl {
    align-items: flex-end;
    text-transform: uppercase;
}

button[aria-expanded="true"] .navbar-toggler-icon {
	background-image: url("/wp-content/uploads/2020/10/gilching-cross@2x.png");
}


/* SLIDER START*/

.owl-carousel.owl-loaded {
	display: flex;
	justify-content: center;
}

.slider-container .owl-nav {
    position: absolute;
    width: 100%;
    top: 40%;
    display: flex;
    justify-content: space-between;
    padding: 0px;
	max-width: 1500px;
	margin: auto;
}

.gil-p-t {
 margin-top:1rem;
}


 .navbar-brand img {
  max-width: 100%;
	transition: max-width 500ms;
	
}
.smallheader .navbar-brand img {
  max-width: 80%;
	transition: max-width 500ms;
	
}

#content .container .owl-nav, #content .container-fluid .owl-nav {
    height: 0px;
}

#content .slider-container .owl-nav button {
    height: 100px;
    width: 50px;
    background: url("/wp-content/uploads/2020/10/Arrow_left_white.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#content .slider-container .owl-nav button.owl-next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#content .slider-container .owl-nav button span {
    color: #fff;
	visibility: hidden;
}

.wp-block-achtvier-block-achtvier-guten-slider .owl-item .wp-block-cover__inner-container {
    padding: 0px 30px;
	max-width: 1300px;
}

.wp-block-achtvier-block-achtvier-guten-slider .owl-item .wp-block-cover__inner-container p {
    font-size: 35px;
}

.wp-block-achtvier-block-achtvier-guten-slider .owl-item .wp-block-cover__inner-container a {
    color: white;
    font-size: 28px;
	text-decoration: underline;
}

.regular-container {
	margin-bottom: 60px;
}

@media (min-width: 1200px) {
	.regular-container > .row .wp-block-cgb-block-bootstrap-cols:nth-of-type(8) {
		margin-right: 50px;
	}
}


.regular-container a {
	color: #398A99;
	text-decoration: underline;
	border: none !important;
}

.regular-container h4 {
	font-size: 1.2rem;
	color: #398A99;
}

.regular-col h4 {
	min-height: 38px;
}

.intro-container {
	margin-top: 45px;
	margin-bottom: 60px;
}

.home .intro-container {
	margin-bottom: 100px;
}
.ar-pagination a {
	color: #398A99;
	font-size: 1.2rem;

}

/* POST SLIDER START */

h4.achtvier-latest-post-title, h4.entry-title {
	color: #398A99;
	font-size: 1.2rem;
	text-transform: uppercase;
	padding-right: 10px;
}

.wp-block-achtvier-latest-posts__post-excerpt {
	color: #697578;
	padding-right: 2rem;
}
	#menu-main a:hover {
	}

a.wp-block-achtvier-latest-posts__link_topost, .mzt-link a {
	color: #398A99;
	font-size: 1.2rem;
	text-decoration: underline;
}

#content .posts-container .owl-nav button, #content .regular-container .owl-nav button {
	height: 100px;
	width: 50px;
	background: url("/wp-content/uploads/2020/10/Arrow-left.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -120px;
}

#content .posts-container .owl-nav button.owl-next, #content .regular-container .owl-nav button.owl-next {
	margin-right: -120px;
	transform: rotate(180deg);
}

#content .owl-nav button span {
	visibility: hidden;
}

.posts-container .owl-nav, .regular-container .owl-nav {
	position: absolute;
	width: 100%;
	top: 40%;
	display: flex;
	justify-content: space-between;
	padding: 0px 30px;
}

/* POST SLIDER END */


/* Wave Background START */

.first-container {
	position: relative;
}

.historien-slider .owl-nav {
    
    top: 10%;
    
}

.historien-slider .wp-block-achtvierblocks-better-mini-content {
	width:100%;
}

.first-container::after {
	content: "";
	display: block;
	position: absolute;
	height: 500px;
	width: 140%;
	background: url("/wp-content/uploads/2020/09/Welle@2x.png");
	background-size: contain;
	background-repeat: no-repeat;
	left: -20%;
	top: 178px;
	z-index: -10;
	max-width: 100vw;
}

.home .first-container::after {
	top: 50px;
}


/* Wave Background END */

/* KUNDENSERVICE START */

section.colored-section {
	padding: 30px 0px;
}

section.colored-section#heat {
	background-color: rgb(170,172,40,0.15);
}

section.colored-section#water {
	background-color: rgb(57,138,153,0.15);
}

section.colored-section#heat h2 {
	color: #AAAC28;
}

.page-id-17 #content.site-content {
	padding-bottom: 0px;
}

.page-id-17 section.colored-section .service-container {
	margin-bottom: 30px;
}

.service-container .card-header {
	padding-left: 0px;
	background-color: unset;
	border-radius: 0px;
	border-bottom: unset;
}

.service-container .card-header .card-link {
	text-decoration: none;
}

.service-container .card-header .card-link::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 20px;
	background-image: url("/wp-content/uploads/2020/10/accordeon-pointer.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 15px;
	margin-top: 5px;
	transform: rotate(0deg);
	transition: all 0.5s;
}

.service-container .card-header .card-link[aria-expanded="true"]::after {
	transform: rotate(90deg);
	transition: all 0.5s;
}

.service-container .card-body {
	padding-left: 0px;
}

.service-container .card-body > div > .row > div {
	padding-left: 0px;
}

.service-container .card-body p img {
	max-width: 20px;
	margin-right: 10px;
}

/* KUNDENSERVICE END */

/* ÜBER UNS START */

.wp-block-achtvier-blocks-achtvier-team {
	margin-bottom: 50px;
	position: relative;
}

.wp-block-achtvier-blocks-achtvier-team .team-overlay-wrapper {
	left: 0px;
	width: 100%;
	margin-right: 0px;
}

.container.gilching-presse {
	padding: 0px;
}



/* ÜBER UNS END */

.post-navigation .nav-previous a, .post-navigation .nav-next a {
    border: 0;
    
}

p.presskit {
	margin-top: 3rem;
	font-weight: bold;
}

p.presslink {
	margin-top: 2rem;
}


/* FOOTER START */

#footer-widget {
	background-color: #AAAC28 !important;
	padding-top: 40px;
	padding-bottom: 40px;
}

#footer-widget a {
	color: white;
}

#footer-widget .container {
	max-width: 1500px;
}

h3.widget-title {
	font-size: 1.2rem;
	color: white;
	margin-bottom: 25px;
}

.widget p {
	font-size: 1.2rem;
	color: white;
}

#menu-footer {
	flex-direction: row !important;
}


#menu-footer .nav-link {
	font-size: 1.2rem;
	color: white;
	padding-top: 0px;
	line-height: 1.2;
	padding-left: 0px;
	text-transform: uppercase;
}

#nav_menu-2 {
	margin: 0 0 2.5em;
}


/* FOOTER END */

/* CONTACT TILE */
.with-contact-tile > .row {
	justify-content: space-between;
}

.with-contact-tile .contact-tile {
	justify-content: space-between;
	background-color: #398A99;
	padding-top: 1rem;
	padding: 1rem 2rem 0rem 2rem;
}

.with-contact-tile .contact-tile h3 {
	color: white;
	font-size: 1.3rem;
}

.with-contact-tile .contact-tile p,.with-contact-tile .contact-tile a  {
	color: white;
}

#primary .with-contact-tile .contact-tile a:hover  {
	color: white;
}

/* MOBILE START */

@media (max-width: 768px) {
		.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 30px;
		padding-left: 30px;
	}
		.row > div:nth-of-type(2) h4, .row > div:nth-of-type(3) h4, .row > div:nth-of-type(5) h4, .row > div:nth-of-type(4) h4 {
		margin-top: 1rem;
	}

	header#masthead {
		background-color: white;
		padding: 3rem 1rem;
	}
	.widget p {
    font-size: 1.4rem;
    
}
	html body {
	  font-size: 1.4rem;
	}
	.regular-container h4 {
    font-size: 1.4rem;
    color: #398A99;
}
	#content.site-content {
		padding-top: 12rem;
	}
	.navbar-light .navbar-toggler {
		margin-top: -8px;
	}
	
	a.wp-block-achtvier-latest-posts__link_topost, .mzt-link a {
    
    font-size: 1.2rem;
    
}
.search-container:first-of-type .col-lg-12 {
  padding-left: 0;
	padding-right: 0;
}
 .regular-container .historien-slider .owl-nav {
    top: 3rem;
}	

	.navbar-brand {
		max-width: 250px;
	}
	header#masthead .navbar-expand-xl {
		flex-direction: row;
		align-items: flex-start;
	}
	.navbar-light .navbar-toggler-icon {
		width: 2.5em;
		height: 2.5em;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(57, 138, 153)' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.slider-container .wp-block-cover, .wp-block-cover {
		max-height: 200px;
		height: 200px;
		min-height: 240px;
	}
	.slider-container .owl-nav {
		padding: 0px 10px;
		top: 30%;
	}
	.wp-block-achtvier-block-achtvier-guten-slider .owl-item .wp-block-cover__inner-container p {
		line-height: 1.2;
		font-size: 31px;
	}
	.home .intro-container {
		margin-bottom: 80px;
	}
	.first-container::after {
		left: 0;
		width: 100%;
	}
	.home .first-container::after {
		top: 150px;
	}
	.wp-block-achtvier-latest-posts__post-excerpt {
		padding-right: 0px;
	}
	#content .container .owl-nav button {
		height: 50px;
		width: 25px;
		margin-left: -54px;
	}
	#content .container .owl-nav button.owl-next {
		margin-right: -54px;
		transform: rotate(180deg);
	}
	.wp-block-achtvierblocks-better-mini-content h3 {
		height: 9rem;
		background-position: center 18px;
		padding-right: 25px;
	}
	.container.gilching-presse .col-md-6 {
		padding: 0px 15px;
	}
	/* FOOTER */
	.widget {
		margin: 0 0 4em;
	}
	#menu-footer .nav-link {
		font-size: 1.5rem;
	}
	#menu-main {
		padding-top: 1.5rem;
	}
	header#masthead #main-nav .nav-link {
     padding-top: .7rem;
	 padding-bottom: .7rem;
  }
		.posts-container .owl-nav, .regular-container .owl-nav {
    
    top: 7rem;
    
}
	h4, h4.entry-title {
	 font-size: 1.4rem;	
}
	
	/* icons für team mobile start*/
	
	.regular-container .wp-block-achtvier-blocks-achtvier-team h4 {
		font-size: 1.3rem;
	}
	
	.wp-block-achtvier-blocks-achtvier-team p {
		font-size: 1.2rem;
	}
	
	.team-container .col-6 {
		padding-right: 20px;
		padding-left: 20px;
	}

.wp-block-achtvier-blocks-achtvier-team p.tel {
	visibility: hidden;
	font-size: 0px;
	display: inline-block;
	margin-bottom: 0px;
}

.wp-block-achtvier-blocks-achtvier-team p.tel a {
	visibility: visible;
}

.wp-block-achtvier-blocks-achtvier-team p a[href^="tel"]::before {
	content: '';
	display: inline-block;
	width: 48px;
	height: 42px;
	background-image: url("/wp-content/uploads/2020/11/PhoneIcon_Mobil.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.wp-block-achtvier-blocks-achtvier-team p.mail {
	visibility: hidden;
	font-size: 0px;
	display: inline-block;
	margin-bottom: 0px;
}

.wp-block-achtvier-blocks-achtvier-team p.mail a {
	visibility: visible;
}

.wp-block-achtvier-blocks-achtvier-team p a[href^="mail"]::before {
	content: '';
	display: inline-block;
	width: 42px;
	height: 42px;
	background-image: url("/wp-content/uploads/2020/11/MailIcon_Mobil.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
/* icons für team mobile end*/

}

/* MOBILE END */

/* TABLET BEGIN */
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.row > div:nth-of-type(5) h4, .row > div:nth-of-type(4) h4 {
		margin-top: 1rem;
	}
		#menu-main {
		padding-top: 1.5rem;
	}
	header#masthead #main-nav .nav-link {
     padding-top: .7rem;
	 padding-bottom: .7rem;
  }

}
/* TABLET END */

@media screen and (max-width: 1200px) {
	.search-form-wrapper {
		display: none;
	}
	.navbar-right {
		width: 100%;
		margin-top: -2rem;
	
	}
	.search-form-wrapper-1 {
	 display: block;
	  margin-top: 1rem;	
	  padding-left: .5rem;	
	}
	#searchform-1 .search-field {
    border: none;
    background-color: lightgrey;
		padding-left : .5rem;
	margin-left: .5rem;	
}
}
.team-oberzeile {
  margin-bottom: 2rem;
}
body #content .regular-container .owl-nav button.disabled  {
  background: unset;
}

/* team temporary till there are photos */
.wp-block-achtvier-blocks-achtvier-team {
  height: 18rem;
}
.wp-block-achtvier-blocks-achtvier-team .team-ok-image {
  display: none;
}
.wp-block-achtvier-blocks-achtvier-team .team-overlay-wrapper {
    display: block !important;
    height: 100%;
	padding: 0;
}

/* end temporary fix */

/* MAKE BAUMASSNAHMEN TABLE
   WORK ON SMALLER SCREENS */
.baumassnahmen
 table {
   word-break: normal;
   overflow-wrap: normal;
   white-space: normal;
   border-color: transparent;
}
.baumassnahmen th,
.baumassnahmen td,
.baumassnahmen table {
  border: none;
  border-collapse: collapse;
}
.baumassnahmen
 table tr:first-of-type {
   hyphens: none;
   white-space: nowrap;
   border-bottom: 2px solid black;
   font-weight: bold;
   background-color: transparent;
}
.baumassnahmen
tr:nth-child(odd) {
    background-color: #f0f0f0;
}
.baumassnahmen
 table td:nth-of-type(2) {
   hyphens: auto;
}
@media (max-width: 768px) {
  .baumassnahmen table {
    font-size: 12px;
  }
}
/* DISPLAY COOKIE REVOKE OPTION
   EVERYWHERE BUT ON DATENSCHUTZ PAGE */
#cookie-notice .cookie-revoke-container {
  display: none;
}
.page-id-33 #cookie-notice .cookie-revoke-container {
  display: block;
}