/*
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
*/


/* CSS Ergänzungen
 * Auto: Holger Strunk, strunk.info
 * 
 * Farben:
 * blau 					#237B9F var(--k-color-1)
 * dunkelblau			#253C5B var(--k-color-10)
 * fast-schwarz		#222222 var(--k-color-4) (Textfarbe)
 * grau						#E2E2E2 var(--k-color-5)
 * rot						#E30613	var(--k-color-9) 
 * 
 * */
 
 

 /* geänderte Theme-Elemente (werden in Greenshift übertragen)
  * 
  * */
li {
  margin-bottom: 8px;
}
ul.Hover_Farbwechsel li:hover {
	color: #253C5B !important;
}
.Akkordion .Box-Container_zentriert {
  max-width: 1200px; 
  margin: 0 auto; 
}
.Akkordion .gs-accordion-item__title {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
  color: var(--k-color-1);
}
.Akkordion .gs-accordion-item__title span.iconfortoggle {
  position: absolute;
  right: 10%;
}
.header-search-input .search-field span {
	min-width: 640px;
	max-width: 900px;
}
.gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconbefore {
  width: 22px;
  height: 4px;
  background-color: var(--k-color-1);
}
.gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconafter {
  width: 22px;
  height: 4px;
  background-color: var(--k-color-1);
}
.Marquee_Verbandsmitglieder img {
  width: 160px; 
}
.navigation.pagination {
	margin-top: 48px;
}
.page-numbers {
	text-decoration: none;
	padding: 16px;
	margin: 16px;
}
.page-numbers.current {
	padding: 16px;
	margin: 16px;
}



/* zusätzliche Elemente (werden in Greenshift übertragen)
 * 
 * */
.Flipboxen-Rueckseite {
	background-color: #E2E2E2 !important;
}
.Footer_Kontaktbanner {
	width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  padding: 53px 0 !important;
}
.Fusszeile {
	background-color: var(--k-color-10);
}
.Fusszeile a {
	text-decoration: none !important;
}
.Logo-rund img {
	border-radius: 100%;
	padding: 8px;
}
.Logo-blauer-Kreis img {
	border: 3px solid var(--k-color-1);
	border-radius: 100%;
	padding: 8px;
}
.Logo-blauer-Kreis-klein img {
	border: 1px solid var(--k-color-1);
	border-radius: 100%;
	padding: 0;
  margin: 24px 0 14px 0;
}
.single-post .entry-footer {
	margin-top: 80px;
}
.single-post .entry-meta {
  font-size: 80%;
}
.Tabelle {
	border: 1px solid white;
	padding: 0;
	background-color: var(--k-color-1);
	color: white;
}
.zweizeilige-Hoehe {
	min-height: 55px;
}


/* Responsive Design (nicht für Greenshift)
 *
 * */
@media (min-width: 1800px) {
	.Flipboxen-Rueckseite p {
		font-size: 21px !important;
		line-height: 25px !important;
		padding: 16px !important;
	}
}
@media (min-width: 1600px) {
	.Flipboxen-Rueckseite p {
		font-size: 18px !important;
		line-height: 23px !important;
		padding: 16px !important;
	}
}
@media (max-width: 1280px) {
	.Flipboxen-Rueckseite p {
		font-size: 13px !important;
	}
}
@media (max-width: 991.98px) {
	.Flipboxen-Rueckseite p {
		font-size: 19px !important;
		line-height: 21px !important;
		padding: 16px !important;
	}
}
@media (max-width: 575.98px) {
	.Flipboxen-Rueckseite p {
		font-size: 21px !important;
		line-height: 25px !important;
		padding: 16px !important;
	}
}