/*
Theme Name: Kalium - Child Theme
Theme URI: https://kaliumtheme.com
Author: Laborator
Author URI: https://laborator.co
Description: Start creating that amazing website that you have always wanted, only with Kalium &mdash; Connect with Laborator on: <a href="https://twitter.com/thelaborator">Twitter X</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative">Instagram</a>
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/



/*****************************************************
 * Theme-Anpassungen
 * Autor: Holger Strunk - strunk.info
 * 
 * --- Farben ---
 * grün: 				#7fa635
 * dunkelgrün:	#5b7823
 * grau:				#7a7674
 * dunkelgrau:	#555555 (Textfarbe)
 * rot: 				#e3634f
 * 
 *****************************************************/



/* Anpassungen vorhandener Theme-Elemente */

article.post.category-arbeitgeber {
	margin-top: 64px;
}
article.post.category-arbeitgeber header h1 {
	color: #7fa635;
	font-size: 2rem !important;
	font-weight: normal !important;
}
article.post.category-arbeitgeber header h2.Arbeitgeber {
	color: #555555;
	font-size: 3.5rem !important;
	font-weight: bold !important;
}
#footer {
	background-image: url('/wp-content/themes/kalium-child/images/Footer-Hintergrund.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
#footer div {
	background-color: transparent;
}
#footer .lb-element-footer-sidebar-footer-sidebar-3, #footer .lb-element-footer-sidebar-footer-sidebar-4, #footer .lb-element-footer-sidebar-footer-sidebar-5 {
	padding-top: 13vw;
	font-size: 0.8em;
	background-repeat: no-repeat;
	background-position: 0 9vw;
}
#footer .lb-element-footer-sidebar-footer-sidebar-3 {
	background-image: url('/wp-content/themes/kalium-child/images/Logo_WFG.svg');
}
#footer .lb-element-footer-sidebar-footer-sidebar-4 {
	background-image: url('/wp-content/themes/kalium-child/images/Logo_Sparkasse-SHA-CR.svg');
}
#footer .lb-element-footer-sidebar-footer-sidebar-5 {
	background-image: url('/wp-content/themes/kalium-child/images/Logo_VR-Bank.svg');
}
#footer .lb-element-footer-sidebar-footer-sidebar-6 {
	font-size: 0.8em;
}
#footer #menu-footer-menu, #menu-footer-menu a {
	color: white;
	line-height: 30px;
}
#footer a, #footer #menu-footer-menu, #menu-footer-menu a:hover {
	text-decoration: none;
}
.gspb_gallery_grid img {
	border-radius: 16px;
	box-shadow: 0 0 12px 0px #aaa;
}
img.slbImage {
	border-radius: 16px;
	padding: 0;
}
.gspb_map-wrapper {
	border-radius: 16px;
	box-shadow: 0 0 12px 0px #aaa;
}
.gspb_slider-id-gsbp-179d3f1 .swiper-pagination-bullet-active {
	width: 16px;
}
.header-block__item--type-search-field {
	padding-top: 42px;
}
.header-block__column.header-block--content-right.header-block--align-right {
	display: none;
}
.header-block__item.header-block__item--type-search-field .search-icon {
	min-width: 68px;
}
.header-block__item.header-block__item--type-search-field .search-icon a {
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
  background-position: center top;
  background-size: 36px;
  background-image: url('/wp-content/themes/kalium-child/images/Icon_Suche.svg');
  margin-top: -42px;
  padding-top: 42px;
  padding-left: 3px;
  line-height: 1.2em;
}
.header-block__item--type-search-field .search-field {
	width: 450px;
	height: 87px;
}
.header-block__item--type-search-field .search-field input {
	line-height: 70px;
}
#menu-hauptmenu li a {
	font-weight: bold;
}
#menu-hauptmenu .menu-item a {
	padding-top: 42px;
	background-repeat: no-repeat;
  background-position: center top;
  background-size: 36px;
}
#menu-hauptmenu #menu-item-228 a {
	background-image: url('/wp-content/themes/kalium-child/images/Icon_Einloesestellen.svg');
}
#menu-hauptmenu #menu-item-1963 a {
	background-image: url('/wp-content/themes/kalium-child/images/Icon_Guthabencheck.svg');
}
#menu-hauptmenu #menu-item-232 a {
	background-image: url('/wp-content/themes/kalium-child/images/Icon_FAQ.svg');
}
#menu-hauptmenu #menu-item-238 a {
	background-image: url('/wp-content/themes/kalium-child/images/Icon_Newsletter.svg');
}
#menu-hauptmenu #menu-item-22 a {
	background-image: url('/wp-content/themes/kalium-child/images/Icon_wichtig.svg');
	background-size: 54px;
  background-position: 65% 2px;
}
#menu-hauptmenu #menu-item-271 a {
	background-image: url('/wp-content/themes/kalium-child/images/Icon_Shop.svg');
}
.portfolio-filters__terms {
	column-gap: 8px;
}
.portfolio-filters__term.portfolio-filters__term {
	font-size: 1rem;
	border: 1px solid #7a7674;
  border-radius: 24px;
  padding: 6px 12px;
}
.portfolio-filters__term.portfolio-filters__term--active {
	background-color: #eee;
}
.portfolio-filters__term.portfolio-filters__term--label {
	font-weight: bold;
	width: 100%;
  margin-top: 20px;
  border: none !important;
  background-color: transparent;
}
.portfolio-filters__term.portfolio-filters__term--disabled {
	display: none;
}
.slbCloseBtn {
  color: #7fa635 !important;
  background-color: #fffd  !important;
  border-radius: 100% !important;
  width: 42px !important;
  height: 42px !important;
  line-height: 42px !important;
  right: 16px !important;
  top: 16px !important;
  font-size: 42px !important;	
}
.slbArrow.next::before {
  border-left-color: #7fa635 !important;
}
.slbArrow.prev::before {
  border-right-color: #7fa635 !important;
}
.slbOverlay {
	background-color: white !important;
}
.spu-box .spu-close {
	background-color: #fffd;
	padding: 11px 10px;
	border-radius: 100%;
	margin: 6px;
}
.spu-box h3 {
	font-size: 30px;
	letter-spacing: normal;
	padding: 16px 0;
}
.spu-box a {
	text-decoration: underline;
}

/* neue Elemente, die per GreenShift CSS im Gutenberg-Editor verfügbar sind */

h1, h2, h3, h4 {
	font-weight: 700 !important;
	text-align: center;
}
h5, h6 {
	text-align: center;
	font-weight: 500 !important;
}
h2 {
	font-weight: normal !important;
	color: #7fa635;
}

.Accordion_randlos .gs-accordion-item__title {
	border: 0 !important;
	/* alte Variante
	 * border-bottom: 2px dotted #7fa635 !important;
	 * padding-left: 60px !important; */
	padding-left: 16px !important;
	font-size: 2rem !important;
	color: #7fa635;
	background-color: transparent !important;
}
.Accordion_randlos .gs-accordion-item__heading {
	background-color: white;
	max-width: fit-content;
}
.Accordion_randlos span.iconfortoggle {
	/* alte Variante
	 * border: 1px solid #7fa635;
	 * border-radius: 100%;
	 * padding: 10px;
	 * position: absolute !important;
	 * left: 5px; */
	 display: none !important;
}
.Accordion_randlos .gs-accordion-item__title span.iconfortoggle .gs-iconbefore {
  top: 9px !important;
  left: 3px !important;
  background-color: #7fa635 !important;
  display: none;
}
.Accordion_randlos .gs-accordion-item__title span.iconfortoggle .gs-iconafter {
  top: 9px !important;
  left: 3px !important;
  background-color: #7fa635 !important;
}
.Accordion_randlos .gs-accordion-item__content {
	border: 0 !important;
}
.Accordion_randlos .gsclose, .Einloesestellen_Filterauswahl {
	background-image: url('/wp-content/themes/kalium-child/images/Akkordion-Punktlinie-geschlossen.svg');
  background-repeat: no-repeat;
  background-position: right 21px;
}
.Accordion_randlos .gsopen {
	background-image: url('/wp-content/themes/kalium-child/images/Akkordion-Punktlinie-offen.svg');
  background-repeat: no-repeat;
  background-position: right 21px;
}
#Anzahl_Einloesestellen {
	font-weight: bold;
}
.Arbeitgeber .portfolio-item__subtitle {
	text-align: center;
}
.Arbeitgeber .portfolio-item__title a:hover {
	color: #555555;
} 
.Arbeitgeber-Stimmen {
	
}
.Arbeitgeber.Rahmen .portfolio-item__subtitle, .Arbeitgeber.Rahmen .portfolio-item__title {
	text-align: left;
}
.Arbeitgeber.Rahmen .Einloesestelle_Logo_Thumbnail {
	position: relative;
	background-color: #fffe;
	margin: 8px 0 36px 5px;
	padding: 4px;
	height: auto;
	width: 25%;
	float: left;
	max-height: 80px;
}
.Arbeitgeber.Rahmen .portfolio-item-entry article {
	background-color: white;
	border-radius: 16px;
  box-shadow: 0 0 12px 0px #aaa;
  padding: 16px;
  margin-bottom: 16px;
  min-height: 400px;
  cursor: pointer;
}
.Arbeitgeber.Rahmen .portfolio-item-entry article:hover {
  box-shadow: 0 0 16px 0px #888;
}
.Arbeitgeber.Rahmen .portfolio-item-entry article img.attachment-full {
	border-radius: 16px;
}
.Arbeitgeber_Logo_Slider li {

}
.Liste_Haken_weiss li {
	padding: 16px 0px 5px 48px;
	list-style: none;
	background-image: url('/wp-content/themes/kalium-child/images/Listen-Haken-weiss.svg');
	background-repeat: no-repeat;
	background-size: auto 32px;
	background-position: 0px 5px;
}
.Liste_Haken_gruen li {
	padding: 16px 0px 5px 48px;
	list-style: none;
	background-image: url('/wp-content/themes/kalium-child/images/Listen-Haken-gruen.svg');
	background-repeat: no-repeat;
	background-size: auto 32px;
	background-position: 0px 5px;
}
#Listendruck {
	position: absolute;
	cursor: pointer;
	right: 0;
	background-image: url('/wp-content/themes/kalium-child/images/Icon_Druck.png');
  background-size: 20px;
	background-repeat: no-repeat;
  background-position: right center;
	padding-right: 32px;
	margin-right: 20px;
}
.icon_sm {
	height: 26px !important;
  width: auto;
  padding-right: 16px;
}
.PortfolioNav {
	width: fit-content;
}
.PortfolioNav a {
	color: white;
}
.PortfolioNav a:hover {
	text-decoration: none;
}
.PortfolioNav.post-navigation-link-previous, .PortfolioNav.post-navigation-link-next {
	display: none;
} 
.Projektteam h2 {
	font-weight: 700 !important;
}
.Projektteam h5 {
	font-size: 1.5rem !important;
	margin-top: -5px;
}
.Projektteam a {
	color: #7a7674 !important;
}
.Slider-Infokreis p {
	font-family: Gothic,sans-serif;
	font-size: 42px;
	line-height: 59px;
	font-weight: normal !important;
}
.unsichtbar {
	display: none !important;
}
.Einloesestelen_Gemeinden_Einzeldarstellung {
	display: block;
}
#Einloesestellen_Statistik {
	position: relative;
	top: 18px;
	width: 100%;
}
#Einloesestellen_Filter {
	position: relative;
	width: 100%;
}
.Einloesestellen_Filterauswahl {
	cursor: pointer;
	z-index: 1;
	padding-bottom: 4px;
}
.Einloesestellen_Filterauswahl h2 {
	padding-top: 21px;
  background-color: white;
  padding-right: 13px;
}
.Einloesestellen #portfolio-items-portfolio-items-block-1 {
	padding-top: 100px;
}
.Einloesestellen .portfolio-filters__term--active, .Einloesestellen .portfolio-filters__term--active a {
	color: #7fa635;
	font-weight: bold;
}
.Einloesestellen .portfolio-filters a:hover {
	text-decoration: none;
}
.Einloesestellen .portfolio-heading {
	display: none;
}
.Einloesestellen .portfolio-item__subtitle {
	text-align: center;
}
.Einloesestellen .portfolio-item__title a:hover {
	color: #555555;
}
.Einloesestelle_Logo_Thumbnail {
	position: absolute;
	z-index: 1;
	bottom: 8px;
	right: 8px;
	background-color: #fffe;
	padding: 4px;
	height: 24%;
	width: auto;
}
.Einloesestellen.Rahmen .portfolio-item__subtitle, .Einloesestellen.Rahmen .portfolio-item__title {
	text-align: left;
}
.Einloesestellen.Rahmen .Einloesestelle_Logo_Thumbnail {
	position: relative;
	background-color: #fffe;
	margin: 8px 0 36px 5px;
	padding: 4px;
	height: auto;
	width: 25%;
	float: left;
	max-height: 80px;
}
.Einloesestellen.Rahmen .portfolio-item-entry article {
	border-radius: 16px;
  box-shadow: 0 0 12px 0px #aaa;
  padding: 16px;
  margin: 0 12px 16px 12px;
  min-height: 400px;
  cursor: pointer;
}
.Einloesestellen.Rahmen .portfolio-item-entry article:hover {
  box-shadow: 0 0 16px 0px #888;
}
.Einloesestellen.Rahmen .portfolio-item-entry article img.attachment-full {
	border-radius: 16px;
}
.Einloesestellen_Stadt-H3 {
	text-align: left;
	font-size: 2rem;
	border-bottom: 1px solid #7fa635;
	padding: 0 0 4px 0;
	margin: 64px 0 48px 0;
}
.Einloesestellen:not(.Alle) .portfolio-filters__terms {
	display: none;
}
.Karte_Arbeitgeber {
	cursor: pointer;
}
.Karte_Landkreis {
	cursor: pointer;
}
.Karte_SchwaebischHall {
	cursor: pointer;
}
.Karte_Crailsheim {
	cursor: pointer;
}
.Karte_Gaildorf {
	cursor: pointer;
}
.Logo-im-Kreis img {
	border: 1px solid #7a7674;
}
.search-results__entry-content .entry-title {
	text-align: left;
}
.search-results__entry-content .entry-actions {
	display: none;
}
.select-checkbox {
  display: none;
}
.select-label {
  display: block;
  border: 1px solid;
  padding: 4px;
}
.select-label:before {
  content: "\25BE";
  float: right;
}
.select-wrap {
  position: absolute;
  width: 100%;
  background: #eee;
  display: none;
}
.select-checkbox:checked ~ .select-wrap {
  display: block;
}
.select {
  list-style: none;
  padding: 10px;
  margin: 0;
}
.select a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.Technischer_Support h2, .Teilnehmende-Kommunen h2 {
	font-size: 3.5rem !important;
	font-weight: 700 !important;
	color: #555555 !important;
}
.Technischer_Support h3, .Teilnehmende-Kommunen h3 {
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: #7fa635 !important;
}
.Technischer_Support a, .Teilnehmende-Kommunen a {
	color: #555555 !important;
}



/* Anpassungen für responsive Design */

@media (min-width: 1280px) {

}
@media (max-width: 1440px) {
	#footer .lb-element-footer-sidebar-footer-sidebar-3, #footer .lb-element-footer-sidebar-footer-sidebar-4, #footer .lb-element-footer-sidebar-footer-sidebar-5 {
		background-position: 0 7vw;
	}
	.swiper {
		max-height: 33vh;
	}
	.Slider-Infokreis {
		width: 240px !important;
		height: 240px !important;
		top: 0 !important;
	}
	.Slider-Infokreis p {
		font-size: 24px;
    line-height: 36px;
	}
}
@media (max-width: 1280px) {
	#footer .lb-element-footer-sidebar-footer-sidebar-3, #footer .lb-element-footer-sidebar-footer-sidebar-4, #footer .lb-element-footer-sidebar-footer-sidebar-5 {
		background-position: 0 6vw;
	}
	.header-block__item--type-search-field {
		padding: 42px 0 0 !important;
	}
	.standard-menu .menu {
		column-gap: 22px !important;
	}
	.Slider-Infokreis {
		width: 240px !important;
		height: 240px !important;
	}
	.Slider-Infokreis p {
		font-size: 24px;
    line-height: 36px;
	}
}
@media (max-width: 1079px) {
	#footer .lb-element-footer-sidebar-footer-sidebar-3, #footer .lb-element-footer-sidebar-footer-sidebar-4, #footer .lb-element-footer-sidebar-footer-sidebar-5 {
		padding-top: 80px;
		background-position: 0 0;
	}
	.header-block__item.header-block__item--type-search-field .search-icon a {
		font-size: 13px;
		padding-left: 10px;
	}
	.header-logo.logo-image {
		max-width: 114px;
		padding-top: 16px;
	}
	#menu-hauptmenu li a {
		font-size: 13px !important;
		min-width: 37px !important;
	}
	.Slider-Infokreis {
		width: 160px !important;
		height: 160px !important;
		right: 0;
    top: -20px !important;
	}
	.Slider-Infokreis p {
		font-size: 18px;
    line-height: 28px;
	}
	.swiper {
		max-height: 240px;
	}
}
@media (max-width: 767px) {
	.Accordion_randlos {
		margin-top: 0 !important;
	}
	.Accordion_randlos .gs-accordion-item__title {
		font-size: 1.2rem !important;
	}
	.Accordion_randlos .gsclose, .Einloesestellen_Filterauswahl {
		background-size: auto 33px;
		background-position: right 28px;
	}
	.Accordion_randlos .gsopen {
		background-size: auto 33px;
		background-position: right 28px;
	}
	.Einloesestelle_Infotext {
		margin-top: 0 !important;
	}
	.Einloesestelle_Kontakt .wp-block-heading {
		text-align: center;
		margin-top: 32px;
	}
	.Einloesestelle_Kontaktinfo {
		margin: 0 auto;
	}
	.Einloesestelle_Logo {
		margin-top: 0 !important;
		width: 100%;		
	}
	.Einloesestelle_Navigation {
		margin-top: 0 !important;
	}
	#Einloesestellen_Statistik {
		top: 0px;
	}
	#Listendruck {
		top: 42px;
	}
	#footer {
		background-image: none;
	}
	.header-block__item--type-search-field .search-field {
		width: 320px;
	}
	#menu-footer-menu a, #menu-footer-menu a:hover, #menu-footer-menu a:active {
		color: #7fa635;
	}
	.portfolio-filters__terms {
		column-gap: 5px;
	}
	.portfolio-filters__term.portfolio-filters__term {
		font-size: 0.9rem;
		padding: 4px 8px;
	}
}
@media (max-width: 479px) {
	.Slider-Infokreis {
		left: -50px !important;
	}
	.PopUP_Startseite {
		background-image: url('/wp-content/themes/kalium-child/images/Popup-Weihnachten-mobil.jpg') !important;
		min-height: 75vh;
	}
	.Infokreis_Karte h2 {
		font-size: 24px;
	}	
	.Infokreis_Karte p {
		font-size: 12px;
	}	
}


/* Anpassungen für den Druck */

@media print {
	@page {
		size: A4;
		margin: 10mm;
	}
	html, body {
		width: 210mm;
		height: 297mm;
	}
	h1 {
		font-size: 22pt;
	}
	h2 {
		font-size: 16pt;
	}
	h3.portfolio-item__title {
		font-size: 14pt !important;
	}
	header, .portfolio-heading.portfolio-heading--type-1, .wp-block-greenshift-blocks-swiper, .Portfolio_Einloesestellen, .Gutscheinauswahl_Reihe, .portfolio-item__thumbnail, .Einloesestellen_Filterauswahl, #footer, #Einloesestellen_Infotext, #Einloesestellen_Statistik {
		display: none !important;
	}
	.Einloesestellen #portfolio-items.grid.masonry-container {
		padding-top: 0;
	}
	.Einloesestellen.Rahmen .portfolio-item__subtitle, .Einloesestellen.Rahmen .portfolio-item__title {
		text-align: left;
	}
	.Einloesestellen.Rahmen .Einloesestelle_Logo_Thumbnail {
		display: none;
	}
	.Einloesestellen.Rahmen .portfolio-item-entry article {
		border-radius: 0;
		min-height: 1.22cm;
		box-shadow: none;
	}
	.Einloesestellen.Rahmen .portfolio-item-entry article img.attachment-full {
		border-radius: 16px;
	}
	.Einloesestellen_Stadt-H3 {
		padding: 0 !important;
		margin: 0.22cm 0 0.3cm 0 !important;
		height: 1.22cm !important;
		
	}
	.grid.masonry-container {
		display: block;
	}
	.portfolio-item__details h3, .Einloesestellen .portfolio-item__subtitle {
		text-align: left;
	}
	.portfolio-item__subtitle {
		font-size: 10pt !important;
	}
	.gspb_row__content {
		display: block !important;
	}
	.portfolio-item-entry {
		width: 100% !important;
		min-height: 2.79cm;
	}
	.portfolio-items.grid.masonry-container {
		position: static !important;
		height: fit-content !important;
	}
	.portfolio-items.grid.masonry-container li {
		position: static !important;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
	}
	.portfolio-items.grid.masonry-container li article {
		display: block !important;
		height: 1.22cm !important;
	}
}