/*
 Theme Name:   Ample Child
 Theme URI:    http://gartenwerker.ch.copernicus.sui-inter.net/ample-child/
 Description:  Ample Child Theme
 Author:       ATeBe Informatik GmbH
 Author URI:   http://www.atebe.ch
 Template:     ample
 Version:      1.0.0
*/

@import url("../ample/style.css");

body {
	min-width: 337px;
	font-family: ltc-bodoni-175 !important;
	padding-bottom: 100px;
	background-color: #ffffff;
	color: #666666;
}

body.wide {
	padding-bottom: 120px;
}

#page {
	box-shadow: none;
}

p {
	font-size: 1.6em;

	color: #666666;
}

h4 {
	font-size: 2.0em;
	margin-bottom: 10px;
	margin-top: 60px;
}

h6 {
	font-size: 1.6em;
	margin-bottom: 10px;
	margin-top: 60px;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

button, input, textarea, .nf-field-element input {
	font-family: ltc-bodoni-175 !important;
	color: #666666 !important;
	font-size: 1.6em;
}


/* Ninja Forms styles */
.nf-field-element input {
	appearance: none !important;
	padding: 1%;
	border: 1px solid #f2f2f2;
	line-height: 20px;
	background-color: #f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.nf-field-label label {
	font-size: 1.6em;

}
.nf-form-fields-required {
  margin-bottom: 20px !important;
  font-size: 1.6em;
}



:host,
:root {
  --fa-style-family-classic:"ltc-bodoni-175";
  --fa-font-regular:normal 400 1em/1 "ltc-bodoni-175"
}

:root {
  --fa-style-family-brands: "ltc-bodoni-175";
  --fa-font-brands: normal 400 1em/1 "ltc-bodoni-175";
}

:root {
  --fa-font-solid: normal 900 1em/1 "ltc-bodoni-175";
}


#logo img {
	margin-bottom: 0px;
	max-height: 120px;
}

/* Aufzählungszeichen */
ul { 
	list-style-image: url('images/aufzaehlungszeichen.png') !important; 
	font-size: 1.6em;
	margin-bottom: 0px !important;
	padding-left: 33px !important;
}

li { 
	color: #666666 !important;
}

/* TAE löschen
.menu-toggle {
	left: 0;
	top: 10;
	line-height: 32px;
	line-height: 52px;
}
*/

h2 {
	padding-top: 25px;
}

/* Bild zwischen Menu und Inhalt auf ganze Seite strecken */
.no-sidebar-full-width #primary .entry-content > .alignfull,
.no-sidebar #primary .entry-content > .alignfull {
	margin-left: calc(50% - 65vw) !important;
	margin-right: calc(50% - 65vw) !important;
	max-width: unset;
}

/* Abstand unterhalb der Background Bilder */
.wp-block-spectra-container.wp-block-spectra-container[data-spectra-id="spectra-mfmdyzme-njm7bx"].wp-block-spectra-container:where([data-spectra-id="spectra-mfmdyzme-njm7bx"]) {
	margin-bottom: 2em !important;
}
	 

/* Breite des Inhaltsbereichs festlegen */
body .wp-block-spectra-container:where([data-spectra-id="f8ec2bd3"]) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1100px;
}

/* Höhe des Teaser Bildes */
 .wp-block-spectra-container.wp-block-spectra-container[data-spectra-id="spectra-mfmdyzme-njm7bx"].wp-block-spectra-container {
	 min-height: 350px !important;
 }

/* Bild am linken Rand ausrichten ohne Text rechts */
@media (min-width: 1024px) {
	.wp-block-image.wp-block-image[data-spectra-id="spectra-mnhprmrw-4f2kb8"] img {
		display: block;
	}
}


/* Schriftgrösse Bannerbilder Text auf kleinen Bildschirmen */
@media (max-width: 768px) {
	.wp-block-spectra-content.wp-block-spectra-content[data-spectra-id="spectra-mfme1bx9-zrslbl"] {
		font-size: 36px !important;
	}
  
	.menu-toggle:before {
		top: 0px !important;
	}
}


/* TAE löschen @media screen and (max-width: 10000px) { */
	#header-left-section {
		float: left;
		margin-left: 0;
		width: 33.33333%;
	}
	
	#header-middle-section {
		float: left;
		width: 40%;
	}
		
	#header-right-section {
		float: right;
		width: 145px;
	}

/*  TAE löschen	
	#header-right {
		margin-left: 30px;
	}
*/
		
	#logo_div {
		float: left !important;
	}
	
	#logo {
		padding-left: 0px;
	}


/*  TAE löschen	
	@media screen and (max-width: 800px) {
		#header-right-section {
			width: 20%;
		}
	}
*/


		
		
/*	  TAE löschen	
	.big-slider .slider-entry-container {
		width: 80%;
	}
	.big-slider .entry-title {
		font-size: 30px;
		padding-bottom: 28px;
	}
	.slider-button {
		font-size: 12px;
		padding: 10px 14px;
		letter-spacing: 1px;
	}.slide-prev a, .slide-next a{
		padding: 0;
	}
	.slide-prev a:before, .slide-next a:before {
		font-size: 24px;
		padding: 5px 20px;
	}
	.slide-prev {
		margin-left: 8px;
	}
	.slide-next {
		margin-right: 8px;
	}
*/	
	
	
	.better-responsive-menu .sub-menu {
	  display: none;
	}

	.main-small-navigation {
		float: right;
		padding-right: 0px;
	}

	.main-small-navigation li{
		position: relative;
		padding-right: 30px !important;
	}
	.sub-toggle {
	  position: absolute;
	  right: 20px;
	  cursor: pointer;
	  display: block;
	  top: 6px;
	  color: #666666;
	  padding: 0 7px;
	  background-color: #d7d5d5;
	}
	.menu-toggle,
	.main-navigation.toggled .menu-primary-container {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
		margin-top: 0px;
		margin-right: 10px;
		position: relative;
		line-height: 60px;
	}
	.menu-toggle:before{
		color: #d7d5d5;
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 2.5em;
		top: -10px;
	}
	.menu-primary-container,
	.nav-menu {
		clear: both;
	}
	.menu-primary-container > ul > li > a,
	.menu > ul > li > a {
		line-height: 50px;
		height: 88px;
	}
	.menu-primary-container ul ul li,
	.nav-menu ul ul li {
		padding-right: 0;
	}
	.menu-primary-container > ul > li > a,
	.menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	
	.menu-header-container > ul { 
		list-style-image: none !important;
		list-style-type: none !important;
	}

	#masthead .menu-primary-container li a,
	#masthead .nav-menu li a {
		border-bottom: 1px solid #f8f8f8;
		display: block;
		font-size: 25px;
	}
	.call-to-action-content-wrapper h3 {
		line-height: 1.5;
	}
	.call-to-action-button {
		margin: 20px auto 0;
	}

	
	

	
	/* Featured Posts widget */
	.single-post-image-wrap {
		float: none;
		margin-right: 0;
	}
	.single-post-content .entry-title,
	.single-post-content p,
	.read-btn {
		text-align: center;
	}
	.footer-widgets-wrapper .tg-column-odd,
	.widget_portfolio_block .tg-column-odd {
		float: left;
		width: 48.18181818%;
	}
	.footer-widgets-wrapper .tg-column-even,
	.widget_portfolio_block .tg-column-even {
		float: right;
		width: 48.18181818%;
		margin-right: 0;
	}
	.widget_portfolio_block .tg-column-odd,
	.widget_portfolio_block .tg-column-even {
		text-align: center;
		margin-bottom: 25px;
	}
	.single-service.tg-one-third {
		margin-bottom: 25px;
	}
	.tg-after-two-blocks-clearfix {
		clear: both;;
	}
	.tg-after-three-blocks-clearfix {
		clear: none;
	}
	.copyright-info {
		padding-right: 0;
		float: none;
		text-align: center;
	}
	.footer-nav {
		float: none;
		text-align: center;
	}

	.logo-disable #site-navigation > .menu {
	  padding-top: 60px;
	}

	.logo-disable .main-head-wrap.inner-wrap {
	  padding: 0;
	}
	
	.menu {
		z-index:1; 
		position:absolute;
		background-color: #d7d5d5;
		min-width: 500px;
		margin-top: -15px;
		right: 10px !important;
	}
	
	.fa {
	/*	line-height:33px;  */
		color: #d7d5d5;
		font-size: 4.1em;
	}
			
	.fa-envelope::before {
		margin-right: 10px;
	}

/* TAE löschen }*/



@media screen and (max-width: 768px) {
	.menu {
		margin-top: 60px;
		right: 6px !important;
	}
	
	.menu-toggle {
		/*  line-height: 80px !important; */
		/* TAE löschen
		margin-right: 40px;
		*/
	}
	
	#kontakt-div {
		margin-right: 60px !important;
	}
}


@media screen and (max-width: 653px) {
/* TAE löschen 
	#gartenwerker_text {
		display: none !important;
	}
	*/
	
	/* TAE löschen 
	#gartenwerker_text {
		padding-right: 20px !important;
	}
	*/

	/*  TAE löschen			
	#logo {
		padding-left: 10px !important;  
		width: 100px !important;
	}
	*/
	
	
/*  TAE löschen	
	#kontakt-div {
		margin-right: 10px !important;
	}
*/
}


/* TAE löschen 
@media screen and (max-width: 624px) {
	#kontakt-div {
		margin-top: -15px;
	}
	*/
	
/* TAE löschen 
	#gartenwerker_text {
		display: none !important;
	}
	*/
	
	/* TAE löschen 
	#gartenwerker_text {
		padding-right: 20px !important;
	}
	*/

	/*  TAE löschen			
	#logo {
		padding-left: 10px !important;  
		width: 100px !important;
	}
	*/
	
	
/*  TAE löschen	
	#kontakt-div {
		margin-right: 10px !important;
	}
*/
}




.menu-toggle::before {
	color: #d7d5d5;
}

#masthead .menu-primary-container li a, #masthead .nav-menu li a
{
	padding: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #666666;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none !important;
}

#masthead .menu-primary-container li a:hover, #masthead .menu-primary-container li.current_page_item a {
	font-weight: bold;
}

.main-navigation {
	float: right;
	padding-right: 0px !important;
}


#secondary .widget li a, #tertiary .widget li a {
	color: #666666;
}

#secondary .widget li a:hover, #tertiary .widget li a:hover {
	color: #666666;
	text-decoration: underline;
}

.single-page p a {
	color: #666666;
	text-decoration: underline;
}

.single-page p a:hover {
	color: #666666;
	text-decoration: underline;
}


.single-page li a {
	color: #666666;
}

.single-page li a:hover {
	color: #666666;
	text-decoration: underline;
}

.wp-block-image {
	text-align: left;
}


/*   TAE löschen 
#secondary {
	width: 25% !important;
}
*/


.ample-button, .btn-default-th, input[type="reset"], input[type="button"], input[type="submit"], button {
	background-color: #d7d5d5;
}

/* Button 'Mehr lesen' */
.read-btn {
		/*
	display: inline-block;
	padding: 5px 25px;
	cursor: pointer;
	background-color: #d7d5d5;;
	border: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	*/
}

.read-btn a {
	color: #666666 !important;
	border: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 25px;
}

.read-btn a:hover {
	text-decoration: none !important;
	background-color: #d7d5d5 !important;
	color: #666666 !important;
}


/* Einrückung der Menueinträge zweiter Stufe korrigieren. Weissen Strich nach vorne ziehen (margin-left auf 0 setzen) und dann Text (Link) wieder einrücken */
li > ul.children {
	margin-left: 0px;
}

li > ul.children a {
	text-indent: 20px;
}


/* Styling einzelner Elemetne */
.uebersichtsseiten_titel_link {
	color: #d7d5d5;
}

input.s {
	border-color: #d7d5d5;
}

#gartenwerker_text {
	text-align: center;
	width: 100%;
	font-size:1.4em;
	font-weight: 500;
	color: #666666;
}

#gartenwerker_text a {
	color: #666666 !important;
}

#kontakt-div {
	float:right;
	margin-right: 10px;
}

.single-page {
	margin-top: 20px;
}

.main-head-wrap {
	padding-top: 40px !important;
	padding-bottom: 0px !important;
}

/* Menu und Buttons für Home (Kachelmenu) */
#home_menu_container {
	margin-left: auto;
	margin-right: auto;
		display: flex;
	justify-content: space-between;
}

.home_menu {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;

}

.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


#beispiel-16 {
	-ms-flex-pack: justify;
	justify-content: space-between;
}



/* Styles für 404 Seite */
.search-wrap {
	margin-bottom: 40px;
}



/* Styles für Übersichtsseite Suchresultate */
.hentry .entry-title a {
	color: #d7d5d5;
}

.hentry .entry-title a:hover {
	color: #d7d5d5;
	text-decoration: underline;
}

.read-btn a {
	color: #d7d5d5;
	border: 1px solid #d7d5d5;	
}

.read-btn a:hover {
	color: #d7d5d5;
	text-decoration: underline;
	background-color: #ffffff;
}

#search-content {
	margin-bottom: 40px;
}

/* Styles für die Übersichtsseite der Beiträge */
.page-numbers {
	color: #d7d5d5;
}

.page-numbers:hover {
	text-decoration: underline;
}

.previous a {
	color: #d7d5d5;
}

.previous a:hover {
	text-decoration: underline;
}

.next a {
	color: #d7d5d5;
}




/* Styles für kleine Bildschirme */
@media screen and (max-width: 600px) {
  #header-left-section {
    width: 100% !important;
	display: flex;
	justify-content: center;
	max-width: none;
  }
  
  #header-middle-section {
	margin-top: 20px;
  }

  #header-right-section {
	margin-top: 20px;
  }
  
  #logo img {
	  max-height: 90px;
  }
  
  .fa {
	  font-size: 3.2em;
  }
  
  .menu {
	  right: 16px !important;
	  min-width: 440px !important;
  }
  
  .menu-toggle {
	  line-height: 68px;
  }
  
  .menu-toggle:before {
	  font-size: 2.0em;
	  top: -10px !important;
  }
  
  #masthead .menu-primary-container li a  {
	  font-size: 0.9em !important;
  }
  
  #gartenwerker_text {
    font-size: 1.2em !important;
  }
  
  body {
	  padding-bottom: 150px !important;
  }  
}




/* Styles für ganz kleine Bildschirme */
@media screen and (max-width: 500px) {
   .menu {
	  right: 16px !important;
	  min-width: 0px !important;
	  width: 88vw !important;
  }
    
  #masthead .menu-primary-container li a  {
	  font-size: 0.9em !important;
  }
  
  #gartenwerker_text {
    font-size: 1.2em !important;
  }

}



/* Fusszeile */
@media sereen and (min-width: 1024px) {
  #footer_info {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 60px;
  }
}

#footer_info, #footer_info p {
  font-size: 18px;
  line-height: 1.4;
}

#footer_info {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	
  font-size: 18px;
  clear: both;
  color: #666666;
  background-color: #d7d5d5;
  overflow: hidden;
  padding: 20px 0 20px;
}

#footer_info a {
	color: #666666;
}




/* Imagely Galery */
.ngg-galleryoverview {
	margin-top: 0px !important;
}

.ngg-imagebrowser.default-view {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/* Standard Titel der NextGen Gallery ausblenden */
.ngg-imagebrowser.default-view h3 {
	display: none !important;
}

.ngg-gallerytitle {
	font-size: 1.6em !important;
	margin: 0 !important;
	padding: 20px !important;
	text-align: center;
	font-weight: bold;
}


.ngg-gallerytitle-with-button {
	font-size: 18px !important;
	margin: 0 !important;
	padding: 0px !important;
	text-align: center;
	font-weight: bold;
}